/* Proven Peptide — Color tokens
   Architecture preserved from the source spec (primary / commerce / canvas-*,
   surface-*, ink-*, on-dark-*, semantic, gradient). Values re-mapped from
   PlayStation Blue/Orange to the Proven Peptide identity sampled from the logo:
   deep NAVY primary (#0F2648 wordmark), premium GOLD accent, warm CREAM canvas,
   cool GRAY (#848587) metadata. */

:root {
  /* --- Brand & Accent --- */
  --color-primary: #16335a;            /* universal navy CTA, footer, links, active chip */
  --color-primary-pressed: #102744;    /* pressed primary */
  --color-primary-active: #0b1e38;     /* deep-pressed primary */
  --color-on-primary: #fbf8f1;

  --color-commerce: #c49a3f;           /* gold store CTA — buy / subscribe / pre-order only */
  --color-commerce-pressed: #a8822f;
  --color-on-commerce: #0f2648;        /* navy ink on gold for luxe contrast */

  --color-accent-signal: #e4c56a;      /* single high-sat micro-accent (New / COA-verified tags). Use sparingly. */

  /* --- Surface --- */
  --color-canvas-dark: #0b1626;        /* deep navy-black editorial band, nav, footer base */
  --color-surface-dark-elevated: #112033; /* inset dark panels, membership banner bg, gradient end */
  --color-surface-dark-card: #16273d;  /* dark product/tile card */
  --color-canvas-light: #fbf8f1;       /* warm cream — primary light band */
  --color-surface-white: #ffffff;      /* true white — inputs, elevated cards */
  --color-surface-soft: #f1ebdd;       /* soft warm band fill */
  --color-surface-card: #f4efe3;       /* warm tinted product/tier card */
  --color-surface-filter: rgba(244, 239, 227, 0.45); /* translucent default filter pill */
  --color-hairline-light: #e7dfce;     /* 1px divider on light */
  --color-hairline-dark: rgba(255, 255, 255, 0.13);  /* 1px divider on dark */

  /* --- Text --- */
  --color-ink: #0f2648;                /* primary text / headings on light (logo navy) */
  --color-ink-deep: #0b1b33;           /* warmer near-black, in-card titles, deep gradients */
  --color-ink-elevated: #16273d;       /* elevated card backgrounds */
  --color-body-light: rgba(15, 38, 72, 0.70); /* default paragraph color on light */
  --color-mute-light: #6a6e76;         /* metadata, footer captions (cool gray) */
  --color-ash-light: #b7bbc2;          /* disabled text, lowest emphasis on light */
  --color-on-dark: #fbf8f1;            /* primary text on dark */
  --color-body-dark: rgba(251, 248, 241, 0.74); /* body text on dark */
  --color-on-dark-mute: #c3c9d4;       /* secondary / disabled on dark */
  --color-mute-dark: rgba(228, 232, 238, 0.55);  /* captions / metadata on dark */

  /* --- Semantic --- */
  --color-warning: #b23a3a;            /* validation errors, destructive copy */
  --color-success: #2f6f53;            /* in-stock / verified affirmative (navy-green, used minimally) */
  --color-link-light: #2a4a7a;         /* inline anchor on light */
  --color-link-dark: #8fb3e6;          /* inline anchor on dark (brightened) */

  /* --- Membership Gold Gradient (the only gradient in the system) --- */
  --color-gold-start: #e4c56a;
  --color-gold-mid: #c49a3f;
  --color-gold-end: #a8822f;
  --gradient-gold: linear-gradient(90deg, var(--color-gold-start) 0%, var(--color-gold-mid) 55%, var(--color-gold-end) 100%);

  /* --- "ON RESEARCH" cinematic dimming band (top->bottom) --- */
  --gradient-dim: linear-gradient(180deg, var(--color-surface-dark-elevated) 0%, var(--color-canvas-dark) 100%);
}