/* ============================================================
   Valet Design System — Client Tokens
   Brand values for this specific client deployment.
   Generated by BricksSync from Hub config — do not edit directly.

   Overrides base-tokens.css defaults where client has customized.
   Load order: base-tokens.css → client-tokens.css

   Color format: OKLCH
   Hex source values kept as comments for brand reference.
   To convert hex → OKLCH: https://oklch.com
   ============================================================ */

:root {
  /* ── Brand palette ────────────────────────────────────── */
  --navy:  oklch(28% 0.10 265);   /* #273D74 */
  --teal:  oklch(43% 0.07 200);   /* #2B6A72 */
  --amber: oklch(66% 0.14 67);    /* #C4923A */
  --sand:  oklch(93% 0.02 78);    /* #F0EBE0 */

  /* ── Fonts ────────────────────────────────────────────── */
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* ── Semantic color aliases ───────────────────────────── */
  --color-primary:      var(--navy);
  --color-secondary:    var(--teal);
  --color-accent:       var(--amber);
  --color-bg:           var(--sand);
  --color-border:       color-mix(in oklch, var(--sand) 60%, var(--slate));
  --color-border-light: color-mix(in oklch, var(--sand) 80%, var(--slate));

  /* ── Logo URLs ────────────────────────────────────────── */
  /* Set from WP media library (Happy Files / Brand folder). */
  /* Falls back to Hub-hosted file during site setup.        */
  --logo-primary-url: '';
  --logo-dark-url:    '';
  --logo-light-url:   '';
  --favicon-url:      '';

  /* ── Client overrides (uncomment to customize) ────────── */
  /* --leading-tight:   1.15;                               */
  /* --tracking-wide:   0.06em;                             */
  /* --radius-md:       12px;                               */
  /* --shadow-md:       0 4px 16px oklch(0% 0 0 / 10%);    */
  /* --texture-bg:      url('/path/to/texture.svg');        */
  /* --texture-opacity: 0.05;                               */
}