/* =========== NRG — Global Tokens (Tom Ford / SEED vibe) =========== */ :root { --nrg-bg: #0b0b0b; /* matte black */ --nrg-surface: #101010; /* card panels */ --nrg-text: #f5f5f3; /* off-white */ --nrg-muted: #bdbdb8; /* muted copy */ --nrg-lines: rgba(255,255,255,.08); --nrg-accent: #eae9e4; /* subtle CTAs */ --nrg-focus: rgba(255,255,255,.24); --nrg-radius: 16px; --nrg-space: 24px; /* Type scale */ --nrg-h1: clamp(36px, 5vw, 64px); --nrg-h2: clamp(24px, 3vw, 40px); --nrg-h3: clamp(18px, 2vw, 22px); --nrg-body: 16px; --nrg-tracking: 0.08em; /* micro labels */ } /* Dark baseline */ body, .color-background-1, .shopify-section { background: var(--nrg-bg) !important; color: var(--nrg-text); } /* Links */ a { color: var(--nrg-text); text-underline-offset: 3px; } a:hover { opacity:.85; } /* Headings */ h1, .h1 { font-size: var(--nrg-h1); font-weight: 600; line-height: 1.05; letter-spacing: -0.01em; } h2, .h2 { font-size: var(--nrg-h2); font-weight: 600; line-height: 1.06; letter-spacing: -0.01em; } h3, .h3 { font-size: var(--nrg-h3); font-weight: 600; } .nrg-kicker { font-size: 12px; letter-spacing: var(--nrg-tracking); text-transform: uppercase; color: var(--nrg-muted); } /* Body */ p, .rte p { font-size: var(--nrg-body); line-height: 1.6; color: var(--nrg-text); } .rte li { color: var(--nrg-text); } /* Buttons: minimal luxury */ .button, button, [type="submit"] { background: transparent; color: var(--nrg-text); border: 1px solid var(--nrg-lines); border-radius: 999px; padding: 12px 20px; transition: border-color .2s ease, background .2s ease, color .2s ease; } .button:hover, button:hover, [type="submit"]:hover { border-color: var(--nrg-text); background: #151515; } /* Inputs */ input, select, textarea { background: var(--nrg-surface) !important; color: var(--nrg-text) !important; border: 1px solid var(--nrg-lines) !important; border-radius: 10px !important; } input::placeholder, textarea::placeholder { color: var(--nrg-muted); } /* Cards & lines */ .nrg-card { background: var(--nrg-surface); border: 1px solid var(--nrg-lines); border-radius: var(--nrg-radius); } /* Product grid — stripped down */ .card, .card--standard, .product-card-wrapper { background: transparent !important; border: 1px solid var(--nrg-lines); border-radius: var(--nrg-radius); overflow: hidden; } .card__inner { background: #0f0f0f; } .card-information, .price { color: var(--nrg-text); } .card__heading a { color: var(--nrg-text); text-decoration: none; } .price-item { color: var(--nrg-muted); } /* PDP gallery */ .product__media-wrapper, .product-media-modal__content { background: #0f0f0f; border-radius: var(--nrg-radius); } .product__title { font-size: clamp(28px, 4vw, 48px); font-weight: 600; letter-spacing: -0.01em; } /* Badges off (keep it clean) */ .badge, .badge.price__badge-sold-out, .badge.price__badge-sale { display: none !important; } /* Header & nav */ .header, .menu-drawer__inner-container { background: var(--nrg-bg) !important; border-bottom: 1px solid var(--nrg-lines); } .header__menu-item, .menu-drawer__menu-item { color: var(--nrg-text) !important; } .header__heading-logo { filter: invert(1) grayscale(1) contrast(100%); } /* Footer */ .footer { background: var(--nrg-bg); border-top: 1px solid var(--nrg-lines); } .footer-block__heading { color: var(--nrg-muted); letter-spacing: var(--nrg-tracking); text-transform: uppercase; } /* Sections spacing */ .shopify-section { padding-block: clamp(40px, 6vw, 96px); } /* Video / media ratio blocks */ .nrg-media { aspect-ratio: 21/9; background: #0f0f0f; border: 1px solid var(--nrg-lines); border-radius: var(--nrg-radius); overflow: hidden; } /* Utility */ .max-w-wide { max-width: 1280px; margin-inline: auto; padding-inline: 20px; } .center { text-align:center; } .stack > * + * { margin-top: 16px; } .grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; } .grid-5 { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 16px; } /* Accessibility focus */ *:focus-visible { outline: 2px solid var(--nrg-focus); outline-offset: 2px; }