/**
 * KNDCA Theme Variables & Design Tokens
 * Exact visual harmony with approved reference (kndca-color-harmony.lovable.app)
 *
 * @package KNDCA
 * @version 2.0.0
 */

:root {
  /* Typography */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Core Palette (Hex Fallbacks + Exact OKLCH from Approved Reference) */
  --background: #fdfcfa;
  --foreground: #1a2232;
  --card: #ffffff;
  --card-foreground: #1a2232;
  --popover: #ffffff;
  --popover-foreground: #1a2232;

  /* Primary Navy (#111c38 / oklch(23.5% .05 263)) */
  --primary: #111c38;
  --primary-deep: #0b1326;
  --primary-foreground: #fcfbf8;

  /* Secondary Warm Ivory (#f5f3ef / oklch(96.5% .006 90)) */
  --secondary: #f5f3ef;
  --secondary-foreground: #1a2232;

  /* Muted Surface & Text (#5d6472 / oklch(49% .015 258)) */
  --muted: #f2efe9;
  --muted-foreground: #5d6472;

  /* Brand Gold Accent (#f5bf03 / oklch(82.9892% .169258 87.911)) */
/*   --gold: #f5bf03;
  --gold-hover: #dea900;
  --gold-soft: #fdf4d1;
  --gold-ink: #17181c;
  --accent: #f5bf03;
  --accent-foreground: #17181c; */
/* Centralised Brand Green Accent (#02E1A0 — Matches Logo "KnD" Emblem) */
  --brand-accent: #02E1A0;
  --gold: var(--brand-accent);
  --gold-hover: #02c98f;
  --gold-soft: rgba(2, 225, 160, 0.14);
  --gold-ink: #111c38;
  --accent: var(--brand-accent);
  --accent-foreground: #111c38;

  /* Semantic Status & Borders (#dad6ce / oklch(88% .008 85)) */
  --destructive: #d93829;
  --destructive-foreground: #fcfbf8;
  --border: #dad6ce;
  --input: #dad6ce;
  --ring: #111c38;

  /* Hero Directional Overlay Gradient Stops */
  --hero-shade: rgba(13, 21, 38, 0.89);
  --hero-wash: rgba(13, 21, 38, 0.23);

  /* Radii */
  --radius: 4px;
  --radius-lg: 6px;
  --radius-sm: 2px;

  /* Layout & Spacing */
  --container-max: 1200px;
  --container-pad: 24px;
  --section-py: 96px;
  --section-py-mobile: 64px;
  --header-height: 76px;
  --topbar-height: 30px;

  /* Shadows */
  --shadow-sm: 0 2px 6px rgba(17, 28, 56, 0.04);
  --shadow-md: 0 12px 28px -12px rgba(17, 28, 56, 0.12);
  --shadow-lg: 0 18px 36px -18px rgba(17, 28, 56, 0.16);
  --shadow-header: 0 10px 24px -18px rgba(17, 28, 56, 0.18);

  /* Transitions */
  --transition-fast: 160ms ease;
  --transition-base: 220ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 450ms cubic-bezier(0.22, 1, 0.36, 1);
}

@supports (color: oklch(50% 0.1 180)) {
  :root {
    --background: oklch(99.3% 0.002 90);
    --foreground: oklch(25% 0.028 259);
    --card: oklch(100% 0 0);
    --card-foreground: oklch(25% 0.028 259);
    --popover: oklch(100% 0 0);
    --popover-foreground: oklch(25% 0.028 259);
    --primary: oklch(23.5% 0.05 263);
    --primary-deep: oklch(19% 0.045 263);
    --primary-foreground: oklch(99% 0.005 85);
    --secondary: oklch(96.5% 0.006 90);
    --secondary-foreground: oklch(25% 0.028 259);
    --muted: oklch(95.5% 0.007 88);
    --muted-foreground: oklch(49% 0.015 258);
/*     --accent: oklch(82.9892% 0.169258 87.911);
    --accent-foreground: oklch(19% 0.03 263);
    --gold: oklch(82.9892% 0.169258 87.911);
    --gold-hover: oklch(78% 0.165 86);
    --gold-soft: oklch(95% 0.045 88);
    --gold-ink: oklch(19% 0.03 263); */
	--brand-accent: #02E1A0;
    --accent: var(--brand-accent);
    --accent-foreground: oklch(23.5% 0.05 263);
    --gold: var(--brand-accent);
    --gold-hover: #02c98f;
    --gold-soft: rgba(2, 225, 160, 0.14);
    --gold-ink: oklch(23.5% 0.05 263);
    --destructive: oklch(57.7% 0.245 27.3);
    --destructive-foreground: oklch(99% 0.005 85);
    --border: oklch(88% 0.008 85);
    --input: oklch(88% 0.008 85);
    --ring: oklch(23.5% 0.05 263);
    --hero-shade: oklch(17% 0.028 263 / 0.89);
    --hero-wash: oklch(17% 0.028 263 / 0.23);
  }
}