/* ============================================================================
   FitCheck marketing site: design tokens
   Lifted from the FitCheck Design System. Do not add hexes that are not here.

   Fonts: DM Serif Display is self-hosted from assets/fonts (see fc-site.css).
   The other four still come from Google Fonts, which the marketing CSP in
   firebase.json allows by name (style-src ... https://fonts.googleapis.com;
   font-src 'self' https://fonts.gstatic.com). Scripts are the strict part:
   script-src 'self', so no inline and no CDN there.
   ========================================================================== */

:root {
  /* ---- brand ---- */
  --fc-navy:            #1D2F4E;   /* primary button rest, grid prices, nav hover */
  --fc-navy-deep:       #0F1B30;   /* dark sections, button hover, phone chrome */
  --fc-accent:          #C9C2B6;   /* payout card, live data, dark-section CTA */
  /* Same colour as an RGB triplet, for the few places that need it at partial
     alpha. rgba() cannot take a hex var, so these have to travel together:
     change one, change the other. */
  --fc-accent-rgb:      201, 194, 182;
  /* Hover tint, about 22% toward white. Only the dark waitlist button uses it. */
  --fc-accent-hover:    #D5CFC6;
  --fc-accent-deep:     #B68754;   /* section numerals, active nav link */

  /* ---- text ---- */
  --fc-text-primary:    #1C1C1E;
  --fc-text-secondary:  #8E8E93;   /* 3.26:1 on white, below AA. See README §1 */
  --fc-text-tertiary:   #C7C7CC;

  /* ---- surfaces + lines ---- */
  --fc-bg:              #FFFFFF;
  --fc-surface:         #F5F5F5;
  --fc-surface-alt:     #EEEEEE;
  --fc-border:          #E5E5EA;
  --fc-border-strong:   #D1D1D6;
  --fc-footer:          #0B1526;

  /* ---- state ---- */
  --fc-success:         #10B981;   /* LIKE stamp, ready, in-bag */
  --fc-like:            #FF3B5C;   /* PASS stamp, errors, badge */

  /* ---- card tile tones (photoless listings) ---- */
  --fc-tone-navy-bg:    #16243D;
  --fc-tone-sand-bg:    #E8DCCB;
  --fc-tone-ink-bg:     #1C1C1E;

  /* ---- type ---- */
  --fc-font-display:    'Instrument Serif', Georgia, serif;
  --fc-font-sans:       'Instrument Sans', system-ui, sans-serif;
  --fc-font-mono:       'IBM Plex Mono', monospace;
  --fc-font-wordmark:   'DM Serif Display', Georgia, serif;
  --fc-font-price:      'Bodoni Moda', Didot, serif;

  --fc-h1:              clamp(36px, 6.6vw, 96px);
  --fc-h2:              clamp(38px, 4.4vw, 62px);
  --fc-lede:            clamp(16.5px, 1.9vw, 24px);
  --fc-overline:        10.5px;

  /* ---- layout ---- */
  --fc-container:       1320px;
  --fc-gutter:          clamp(18px, 4.5vw, 32px);
  --fc-section-top:     clamp(67px, 9vw, 118px);
  --fc-section-bottom:  clamp(71px, 9vw, 124px);

  /* ---- radii ---- */
  --fc-radius-pill:     999px;
  --fc-radius-panel:    20px;
  --fc-radius-lg:       16px;
  --fc-radius-card:     14px;
  --fc-radius-md:       12px;
  --fc-radius-sm:       9px;

  /* ---- elevation (flat by default; these are the only shadows) ---- */
  --fc-shadow-swipe:    0 24px 60px rgba(0, 0, 0, .45);
  --fc-shadow-phone:    0 24px 54px rgba(15, 27, 48, .22);
  --fc-shadow-panel:    -24px 0 70px rgba(15, 27, 48, .3);
  --fc-shadow-hover:    0 14px 34px rgba(15, 27, 48, .11);

  /* ---- motion ---- */
  --fc-ease:            cubic-bezier(.22, 1, .36, 1);
  --fc-ease-micro:      cubic-bezier(.33, 1, .68, 1);
  --fc-ease-exit:       cubic-bezier(.4, 0, .25, 1);
  --fc-dur-micro:       220ms;
  --fc-dur-card:        340ms;
  --fc-dur-reveal:      700ms;

  /* ---- commerce constants ----
     Source of truth is lib/data/marketplace_config.dart, NOT the design
     prototype. Three of the prototype's figures were out of date; the values
     below are the corrected ones. See fc-app.js for the arithmetic. */
  --fc-seller-pct:      10;      /* % of the item price */
  --fc-seller-flat:     2;       /* AED, per item */
  --fc-seller-min:      7;       /* AED, floor PER ITEM: a 20 AED item pays 7 */
  --fc-bpf-pct:         5;       /* % of the BASKET subtotal */
  --fc-bpf-flat:        1.28;    /* AED, once per CHECKOUT */
  --fc-bpf-cap:         4;       /* AED, once per CHECKOUT */
  --fc-delivery:        22;      /* AED, buyer pays */
  --fc-delivery-remote: 42;      /* AED, Aramex Tier 4 remote destination */
  --fc-price-min:       20;      /* AED */
  --fc-inspect-days:    2;       /* days from delivery, per the Terms */
}

@keyframes fcMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes fcPulse   { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes fcRise    { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
@keyframes fcFade    { from { opacity: 0; } to { opacity: 1; } }
@keyframes fcCardIn  { from { transform: scale(.955); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes fcSlideIn { from { transform: translateX(40px); opacity: .4; } to { transform: none; opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}