/*
 * FHEERA — tokens.css
 * Single source of truth for brand tokens.
 * Loaded globally. Never overridden — only extended per-page.
 */

:root {
  /* Canvas */
  --brand-bg-cool:    #FAFAF8;   /* catalog, utility pages */
  --brand-bg-warm:    #F4EFE8;   /* PDP, editorial pages   */
  --brand-surface:    #FBF8F4;   /* cards, purchase panel  */

  /* Typography */
  --brand-text:       #1A1A18;
  --brand-muted:      rgba(26, 26, 20, 0.62);
  --brand-soft:       rgba(26, 26, 20, 0.42);
  --brand-ghost:      rgba(26, 26, 20, 0.24);

  /* Accent */
  --brand-gold:       #B8975A;
  --brand-gold-deep:  #9B7840;
  --brand-gold-dim:   rgba(184, 151, 90, 0.35);

  /* Structure */
  --brand-border:         rgba(26, 26, 20, 0.10);
  --brand-border-strong:  rgba(26, 26, 20, 0.16);

  /* Typography */
  --f-serif: 'Cormorant Garamond', Georgia, serif;
  --f-sans:  'Jost', system-ui, sans-serif;

  /* Motion */
  --ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out:    cubic-bezier(0.0, 0.0, 0.2, 1);

  /* Layout */
  --nav-height: 80px;
}