:root {
  /* Brand — Cheshin Technologies
     Derived from logo: dark navy + electric blue gradient.
     Compatible with the ISOTrack design token model (light surface vars retained
     so shared components stay portable across the org). */

  /* Core surfaces */
  --color-bg:            #05070D;
  --color-bg-deep:       #03050A;
  --color-bg-elev:       #0B1220;
  --color-bg-card:       #0E1830;
  --color-bg-subtle:     #111C36;

  /* Text */
  --color-text:          #F5F8FF;
  --color-text-muted:    #9BB0CC;
  --color-text-dim:      #5E708C;
  --color-text-on-dark:  #F5F8FF;

  /* Brand accents (electric blue family) */
  --color-accent:        #0A84FF;
  --color-accent-hover:  #3FA9FF;
  --color-accent-soft:   #1B3A6E;
  --color-accent-deep:   #0046C7;
  --color-cyan:          #7FC6FF;

  /* Gradients */
  --grad-brand:    linear-gradient(135deg, #3FA9FF 0%, #0A84FF 50%, #0046C7 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(63,169,255,0.18) 0%, rgba(10,132,255,0.12) 60%, rgba(0,70,199,0.10) 100%);
  --grad-radial-glow: radial-gradient(60% 70% at 50% 0%, rgba(63,169,255,0.20) 0%, rgba(10,132,255,0.06) 40%, rgba(0,0,0,0) 75%);
  --grad-hero: radial-gradient(80% 60% at 20% 10%, rgba(10,132,255,0.18), transparent 60%),
               radial-gradient(60% 50% at 90% 30%, rgba(0,70,199,0.22), transparent 65%),
               linear-gradient(180deg, #03050A 0%, #05070D 100%);

  /* Borders */
  --border-soft:   1px solid rgba(127,198,255,0.08);
  --border-strong: 1px solid rgba(127,198,255,0.18);

  /* Typography */
  --font-sans:    "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Inter", "Segoe UI", sans-serif;

  /* Spacing scale (matches isopro/marketing for consistency) */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Shadows / glow */
  --shadow-soft:  0 6px 28px rgba(0, 8, 30, 0.45);
  --shadow-hover: 0 14px 40px rgba(10, 132, 255, 0.22);
  --glow-accent:  0 0 0 1px rgba(63,169,255,0.25), 0 8px 32px rgba(10,132,255,0.35);

  /* Motion */
  --ease-out:     cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-spring:  cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 0.2s;
  --duration-med:  0.45s;
  --duration-slow: 0.8s;

  /* Layout */
  --max-width: 1200px;
  --header-h:  88px;
}