:root {
  /* CIEL brand palette */
  --ink-950: #0f1113;
  --ink-800: #2a2f36;
  --ink-650: #5f666e;
  --ink-500: #80878f;
  --ink-300: #c9ced4;
  --ink-150: #e8ebef;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-75: #f8f9fa;
  --accent-500: #e23d2e;
  --accent-600: #c9301f;
  --accent-700: #a8261a;
  --steel-400: #8ea7c6;

  --text-primary: var(--ink-950);
  --text-secondary: var(--ink-650);
  --text-on-dark: #f8f9fa;
  --border-subtle: color-mix(in srgb, var(--ink-950) 9%, transparent);
  --surface-page: var(--surface-50);
  --surface-card: var(--surface-0);
  --surface-soft: var(--surface-75);
  --surface-dark: var(--ink-950);
  --focus-ring: color-mix(in srgb, var(--accent-500) 62%, white);

  /* Type: Satoshi preferred, resilient system fallback until licensed web files are supplied. */
  --font-display: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  --font-vietnamese: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif;

  --text-xs: clamp(0.6875rem, 0.64rem + 0.12vw, 0.75rem);
  --text-sm: clamp(0.78rem, 0.72rem + 0.18vw, 0.9rem);
  --text-md: clamp(0.95rem, 0.88rem + 0.2vw, 1.05rem);
  --text-lg: clamp(1.05rem, 0.94rem + 0.35vw, 1.24rem);
  --text-xl: clamp(1.35rem, 1.1rem + 0.8vw, 1.9rem);
  --text-2xl: clamp(1.8rem, 1.25rem + 1.7vw, 3rem);
  --text-3xl: clamp(2.35rem, 1.35rem + 3.3vw, 5.6rem);

  --leading-tight: 0.94;
  --leading-title: 1.02;
  --leading-body: 1.45;

  /* Fluid spacing, biased toward the roomy references without exploding at 1440. */
  --space-1: clamp(0.3rem, 0.26rem + 0.12vw, 0.4rem);
  --space-2: clamp(0.5rem, 0.44rem + 0.2vw, 0.7rem);
  --space-3: clamp(0.75rem, 0.66rem + 0.3vw, 1rem);
  --space-4: clamp(1rem, 0.84rem + 0.5vw, 1.4rem);
  --space-5: clamp(1.35rem, 1.08rem + 0.85vw, 2rem);
  --space-6: clamp(1.8rem, 1.38rem + 1.35vw, 2.8rem);
  --space-7: clamp(2.4rem, 1.75rem + 2vw, 4rem);
  --space-8: clamp(3.2rem, 2.1rem + 3.2vw, 5.8rem);
  --space-9: clamp(4.5rem, 2.7rem + 5.3vw, 8rem);

  --radius-xs: 2px;
  --radius-sm: 5px;
  --radius-md: 9px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --container-max: 1380px;
  --gutter: clamp(1rem, 0.2rem + 2.6vw, 2.5rem);
  --grid-gap: clamp(0.75rem, 0.54rem + 0.7vw, 1.35rem);
  --section-block: clamp(3.8rem, 2.2rem + 5vw, 7rem);

  --shadow-float: 0 14px 40px rgba(15,17,19,0.08);
  --ease-standard: cubic-bezier(.2,.7,.2,1);
  --duration-fast: 160ms;
  --duration-base: 260ms;
}