/* =========================================
   ORVENTA — Design Tokens
   Premium · trust-first · service-business
   ========================================= */

:root,
[data-theme="dark"] {
  /* ----- Surfaces ----- */
  /* A calmer, slightly warmer dark canvas — premium consultancy feel */
  --color-bg: #0B0F14;
  --color-surface: #11161e;
  --color-surface-2: #161c26;
  --color-surface-offset: #1a212d;
  --color-surface-offset-2: #1e2634;
  --color-surface-dynamic: #243044;
  --color-divider: #1c2433;
  --color-border: #2a3a52;
  --color-border-soft: #1f2a3a;

  /* ----- Text ----- */
  --color-text: #F5F7FA;
  --color-text-strong: #FFFFFF;
  --color-text-muted: #9aa6bd;
  --color-text-faint: #5b6779;
  --color-text-inverse: #0B0F14;

  /* ----- Accent (kept exactly: Orventa Blue) ----- */
  --color-primary: #0F7BFF;
  --color-primary-hover: #2EC5FF;
  --color-primary-active: #0A4FD6;
  --color-primary-soft: rgba(15, 123, 255, 0.10);
  --color-primary-highlight: rgba(15, 123, 255, 0.14);
  --color-primary-ring: rgba(15, 123, 255, 0.35);

  /* Secondary kept for legacy refs but used sparingly */
  --color-secondary: #2EC5FF;
  --color-secondary-hover: #5ad4ff;
  --color-secondary-highlight: rgba(46, 197, 255, 0.10);

  /* ----- Semantic ----- */
  --color-success: #22d3a0;
  --color-warning: #f59e0b;
  --color-error: #f43f5e;

  /* ----- Radius (slightly tightened, more modern/premium) ----- */
  --radius-sm: 0.375rem;   /* 6px */
  --radius-md: 0.5rem;     /* 8px */
  --radius-lg: 0.75rem;    /* 12px */
  --radius-xl: 1rem;       /* 16px */
  --radius-2xl: 1.25rem;   /* 20px */
  --radius-full: 9999px;

  /* ----- Transitions ----- */
  --transition-interactive: 200ms cubic-bezier(0.16, 1, 0.3, 1);

  /* ----- Shadows (subdued, no glow by default) ----- */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.55);
  /* Kept for legacy references but de-emphasized */
  --glow-primary: 0 0 16px rgba(15, 123, 255, 0.18);
  --glow-primary-sm: 0 0 8px rgba(15, 123, 255, 0.14);

  /* ----- Gradients (kept but rarely used — accent stays single-color) ----- */
  --gradient-hero: linear-gradient(180deg, #0B0F14 0%, #0d1426 100%);
  --gradient-primary: linear-gradient(135deg, #2EC5FF 0%, #0F7BFF 55%, #0A4FD6 100%);
  --gradient-text: linear-gradient(90deg, #2EC5FF 0%, #0F7BFF 55%, #0A4FD6 100%);

  /* ----- Content widths (controlled — no sprawling on big monitors) ----- */
  --content-narrow: 640px;
  --content-default: 960px;
  --content-wide: 1180px;
  --content-xwide: 1280px;

  /* ----- Type scale (tighter hierarchy, fluid clamp) ----- */
  --text-xs:    clamp(0.75rem, 0.71rem + 0.18vw, 0.8125rem);   /* 12 → 13 */
  --text-sm:    clamp(0.875rem, 0.84rem + 0.18vw, 0.9375rem);  /* 14 → 15 */
  --text-base:  clamp(1rem, 0.97rem + 0.16vw, 1.0625rem);      /* 16 → 17 */
  --text-md:    clamp(1.0625rem, 1rem + 0.3vw, 1.125rem);      /* 17 → 18 */
  --text-lg:    clamp(1.125rem, 1.04rem + 0.4vw, 1.25rem);     /* 18 → 20 */
  --text-xl:    clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);        /* 20 → 24 */
  --text-2xl:   clamp(1.5rem, 1.25rem + 1.2vw, 2rem);          /* 24 → 32 */
  --text-3xl:   clamp(1.875rem, 1.5rem + 1.8vw, 2.5rem);       /* 30 → 40 */
  --text-4xl:   clamp(2.25rem, 1.75rem + 2.2vw, 3rem);         /* 36 → 48 */
  --text-hero:  clamp(2.5rem, 1.8rem + 3.6vw, 4rem);           /* 40 → 64 */

  /* Backwards-compat shim: a few legacy rules referenced --text-hero very large.
     Hero now uses 64px max — consistent with premium services brand. */

  /* ----- Spacing ----- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;

  /* ----- Section rhythm ----- */
  --section-pad-y: clamp(var(--space-16), 7vw, var(--space-24));
  --section-gap-tight: clamp(var(--space-12), 5vw, var(--space-16));

  /* ----- Fonts -----
     Headings: General Sans (clean, geometric, premium)
     Body / UI / buttons / nav / forms: Satoshi (workhorse)
     Accent (sparingly): Zodiak (one pull-quote / hero highlight)
  */
  --font-display: 'General Sans', 'Inter', system-ui, sans-serif;
  --font-body: 'Satoshi', 'Inter', system-ui, sans-serif;
  --font-accent: 'Zodiak', 'General Sans', Georgia, serif;
}

/* Public alias used in legacy markup */
:root { color-scheme: dark; }