/* Design tokens: Credible IT Solutions, "Enterprise AI, engineered".
   Change brand values here only; every other file reads these variables. */
:root {
  /* Brand colours */
  --ink-950: #020b1f;
  --ink-900: #061633;
  --navy-900: #001b48;
  --navy-800: #002d62;
  --navy-700: #0a4a8a;
  --cyan-500: #00aeef;
  --cyan-300: #4dcfff;
  --cyan-100: #e3f6fd;
  --cyan-700: #00729e;   /* cyan text on white, passes 4.5:1 */

  /* Neutrals */
  --white: #ffffff;
  --grey-50: #f6f8fb;
  --grey-100: #eef2f7;
  --grey-200: #e2e8f0;
  --grey-300: #c9d3e0;
  --grey-500: #5a6a80;
  --grey-700: #334155;
  --text: #13203a;

  /* On dark */
  --on-dark: #e8f0fa;
  --on-dark-muted: #a9bad0;
  --line-dark: rgba(148, 186, 230, 0.18);

  /* Status */
  --green-600: #15803d;
  --green-50: #ecfdf3;
  --amber-600: #b45309;

  /* Type */
  --font-display: "Inter Display", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, "Liberation Mono", monospace;

  --step--1: 0.875rem;
  --step-0: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);
  --step-1: clamp(1.125rem, 1.06rem + 0.3vw, 1.25rem);
  --step-2: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --step-3: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --step-4: clamp(1.875rem, 1.45rem + 2vw, 2.875rem);
  --step-5: clamp(2.375rem, 1.6rem + 3.6vw, 4.25rem);

  /* Space (8-pt scale) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section-y: clamp(4rem, 2.5rem + 6vw, 7.5rem);

  /* Shape: small controls, cards, large panels */
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 24px;

  --shadow-1: 0 1px 2px rgba(2, 11, 31, 0.06), 0 2px 8px rgba(2, 11, 31, 0.04);
  --shadow-2: 0 18px 50px -18px rgba(2, 11, 31, 0.28);

  --container: 1240px;
  --gutter: clamp(1.25rem, 0.8rem + 2vw, 2rem);
  --header-h: 72px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --z-header: 50;
  --z-fab: 40;
}