/** Shopify CDN: Minification failed

Line 45:0 All "@import" rules must come first

**/
/* ==========================================================================
   Egoss Atelier — Design Tokens (Phase 1 foundation)
   Colors, typography, spacing, motion, shadows, layout.

   Scoping rule: this file defines CSS custom properties in :root and
   @font-face families only. It deliberately avoids styling any HTML
   elements (body, h1, p, a, etc.) so Prestige's existing styles are
   not overridden. Atelier sections opt in to these tokens via explicit
   class names.
   ========================================================================== */

/* ----- Webfonts (self-hosted TTF/OTF in /assets) ----- */

@font-face {
  font-family: 'Anton';
  src: url('//egoss.in/cdn/shop/t/49/assets/Anton-Regular.ttf?v=107711130879198349681776772196') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'League Spartan';
  src: url('//egoss.in/cdn/shop/t/49/assets/LeagueSpartan-VariableFont_wght.ttf?v=148947803095033419171776772196') format('truetype-variations'),
       url('//egoss.in/cdn/shop/t/49/assets/LeagueSpartan-VariableFont_wght.ttf?v=148947803095033419171776772196') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Glacial Indifference';
  src: url('//egoss.in/cdn/shop/t/49/assets/GlacialIndifference-Regular.otf?v=68604020522969535751776772196') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Cormorant Garamond — editorial italics. Hosted by Google Fonts. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

:root {
  /* ------------------------------------------------------------------
     Brand palette
     ------------------------------------------------------------------ */

  /* Signature / hero */
  --antique-gold:      #C6A86B;
  --champagne-gold:    #E5D3A1;
  --deep-bronze:       #8C6A43;
  --burnt-tan:         #A47148;

  /* Deep, editorial */
  --burgundy-reserve:  #5A1E2B;
  --forest-luxe:       #1F3A34;
  --royal-navy:        #1C2A44;
  --charcoal-smoke:    #2B2B2E;

  /* Neutrals */
  --ivory-cream:       #F5F1EB;
  --warm-sand:         #D8CFC4;
  --paper:             #FBF8F3;
  --ink:               #1A1A1C;

  /* Mockup alias */
  --atelier-paper:     var(--paper);

  /* ------------------------------------------------------------------
     Semantic tokens
     ------------------------------------------------------------------ */

  /* Surfaces */
  --bg:                var(--paper);
  --bg-soft:           var(--ivory-cream);
  --bg-raised:         #FFFFFF;
  --bg-inverse:        var(--charcoal-smoke);
  --bg-accent:         var(--warm-sand);

  /* Foreground */
  --fg:                var(--ink);
  --fg-1:              var(--ink);
  --fg-2:              #55524D;
  --fg-3:              #8A8680;
  --fg-inverse:        var(--ivory-cream);
  --fg-accent:         var(--deep-bronze);

  /* Lines */
  --line:              #E4DED4;
  --line-strong:       #C8BFAE;
  --line-inverse:      rgba(245, 241, 235, 0.12);

  /* Action */
  --action:            var(--charcoal-smoke);
  --action-fg:         var(--ivory-cream);
  --action-hover:      #000000;
  --action-quiet:      var(--deep-bronze);
  --action-quiet-fg:   var(--ivory-cream);

  /* Brand accent */
  --accent-gold:       var(--antique-gold);
  --accent-gold-soft:  var(--champagne-gold);

  /* Selection / focus */
  --focus-ring:        color-mix(in oklab, var(--antique-gold) 70%, transparent);
  --selection-bg:      var(--champagne-gold);
  --selection-fg:      var(--ink);

  /* ------------------------------------------------------------------
     Typography — families
     ------------------------------------------------------------------ */

  --font-display: 'Anton', 'Oswald', 'Impact', 'Bebas Neue', sans-serif;
  --font-label:   'League Spartan', 'Futura', system-ui, sans-serif;
  --font-serif:   'Cormorant Garamond', 'Garamond', Georgia, serif;
  --font-sans:    'Glacial Indifference', 'League Spartan', 'Futura', system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  /* ------------------------------------------------------------------
     Type scale — base 16px
     ------------------------------------------------------------------ */

  --fs-xs:     11px;
  --fs-sm:     13px;
  --fs-base:   16px;
  --fs-md:     18px;
  --fs-lg:     22px;
  --fs-xl:     28px;
  --fs-2xl:    36px;
  --fs-3xl:    48px;
  --fs-4xl:    64px;
  --fs-5xl:    84px;
  --fs-6xl:   112px;

  /* Line heights */
  --lh-tight:  1.05;
  --lh-snug:   1.2;
  --lh-normal: 1.45;
  --lh-relax:  1.6;

  /* Tracking */
  --track-tight:   -0.01em;
  --track-normal:   0;
  --track-wide:     0.08em;
  --track-wider:    0.14em;
  --track-widest:   0.24em;

  /* Weights */
  --w-light:    300;
  --w-regular:  400;
  --w-medium:   500;
  --w-semibold: 600;
  --w-bold:     700;

  /* ------------------------------------------------------------------
     Spacing (4px base)
     ------------------------------------------------------------------ */

  --s-1:  4px;
  --s-2:  8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* ------------------------------------------------------------------
     Radii — luxury leans sharp.
     ------------------------------------------------------------------ */

  --r-none: 0;
  --r-xs:   2px;
  --r-sm:   4px;
  --r-md:   6px;
  --r-pill: 999px;

  /* ------------------------------------------------------------------
     Elevation
     ------------------------------------------------------------------ */

  --shadow-hair:  0 1px 0 0 var(--line);
  --shadow-xs:    0 1px 2px rgba(26, 26, 28, 0.05);
  --shadow-sm:    0 2px 8px rgba(26, 26, 28, 0.06), 0 1px 2px rgba(26,26,28,0.04);
  --shadow-md:    0 10px 28px -10px rgba(26, 26, 28, 0.18), 0 2px 4px rgba(26,26,28,0.05);
  --shadow-lg:    0 24px 60px -20px rgba(26, 26, 28, 0.28), 0 4px 10px rgba(26,26,28,0.06);
  --inset-hair:   inset 0 -1px 0 0 var(--line);

  /* ------------------------------------------------------------------
     Motion — slow, confident. No bounce.
     ------------------------------------------------------------------ */

  --ease:          cubic-bezier(0.2, 0.0, 0, 1);
  --ease-in:       cubic-bezier(0.5, 0, 1, 1);
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);
  --dur-fast:      140ms;
  --dur-base:      260ms;
  --dur-slow:      480ms;
  --dur-editorial: 780ms;

  /* ------------------------------------------------------------------
     Layout
     ------------------------------------------------------------------ */

  --container:        1320px;
  --container-narrow: 960px;
  --gutter:           clamp(20px, 4vw, 56px);

  /* PDP additions */
  --fs-pdp-title-desktop: 40px;
  --fs-pdp-title-mobile:  32px;
  --fs-pdp-price:         28px;
  --fs-pdp-compare:       22px;
}
