:root {
/* Color System */
--primary: #005A9C;
--primary-hover: #00407A;
--text-main: #0a1128;
--text-sub: #475569;
--bg-body: #ffffff;
--bg-card: #f8fafc;
--border-color: #e2e8f0;
/* Shape System */
--radius-md: 8px;
--radius-lg: 12px;
/* Elevation */
--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
}
/* Base Reset & Typography */
.product-detail-container {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: var(--text-main);
background-color: var(--bg-body);
max-width: 1200px;
margin: 0 auto;
padding: 0 5%;