:root {
  /* Palette: edit these values to recolor the public site. */
  --palette-black: #0C0D0E;
  --palette-black-rgb: 12, 13, 14;
  --palette-charcoal: #17191B;
  --palette-charcoal-rgb: 23, 25, 27;
  --palette-graphite: #242729;
  --palette-graphite-rgb: 36, 39, 41;
  --palette-gray-900: #34383B;
  --palette-gray-800: #414548;
  --palette-gray-700: #565B5F;
  --palette-gray-600: #6B7074;
  --palette-gray-500: #73797D;
  --palette-gray-400: #A7ACAF;
  --palette-gray-300: #D5D8DA;
  --palette-gray-200: #E9EBEC;
  --palette-gray-100: #F1F2F3;
  --palette-paper: #F5F5F4;
  --palette-white: #FFFFFF;
  --palette-white-rgb: 255, 255, 255;
  --palette-accent: #5dbe9a;
  --palette-accent: #5d9abe;
  --palette-accent: #76da6e;
  --palette-accent-rgb: 165, 238, 255;
  --palette-accent-soft: #E9F9FC;
  --palette-accent-hover: #1bcf96;
  --palette-image-placeholder: #D8E4E7;

  /* Framework and legacy aliases point back to the palette above. */
  --n-navy: var(--palette-charcoal);
  --n-navy-light: var(--palette-gray-900);
  --n-primary: var(--palette-charcoal);
  --n-primary-dark: var(--palette-black);
  --n-primary-rgb: var(--palette-charcoal-rgb);
  --n-navy-rgb: var(--palette-charcoal-rgb);
  --n-secondary: var(--palette-accent);
  --n-secondary-rgb: var(--palette-accent-rgb);
  --n-accent: var(--palette-accent);
  --n-green: var(--palette-graphite);
  --n-green-light: var(--palette-gray-900);
  --n-green-soft: var(--palette-gray-200);
  --n-orange: var(--palette-graphite);
  --n-orange-soft: var(--palette-gray-300);
  --n-cream: var(--palette-paper);
  --n-success: var(--palette-gray-900);
  --n-danger: var(--palette-gray-900);
  --n-slate: var(--palette-gray-800);
  --n-slate-light: var(--palette-gray-500);
  --n-bg: var(--palette-white);
  --n-bg-alt: var(--palette-gray-100);
  --n-secondary-soft: var(--palette-accent-soft);
  --n-success-soft: var(--palette-gray-200);
  --n-border: var(--palette-gray-300);
  --n-white: var(--palette-white);
  --n-white-rgb: var(--palette-white-rgb);

  --n-gradient-primary: var(--n-primary);
  --n-gradient-soft: var(--n-bg-alt);
  --n-gradient-dark: var(--n-navy);

  --n-font-display: 'Special Gothic', 'Figtree', sans-serif;
  --n-font-body: 'Figtree', sans-serif;

  --n-space-xs: 0.5rem;
  --n-space-sm: 1rem;
  --n-space-md: 1.5rem;
  --n-space-lg: 2.5rem;
  --n-space-xl: 4rem;
  --n-space-2xl: 6rem;

  --n-radius-sm: 0.65rem;
  --n-radius-md: 0.9rem;
  --n-radius-lg: 1.25rem;
  --n-radius-pill: 100px;

  --n-shadow-sm: 0 0 12px rgba(var(--n-navy-rgb), 0.08);
  --n-shadow-md: 0 0 24px rgba(var(--n-navy-rgb), 0.12);
  --n-shadow-lg: 0 0 36px rgba(var(--n-navy-rgb), 0.16);
  --n-shadow-primary: 0 0 18px rgba(var(--n-primary-rgb), 0.2);

  --cmrf-cyan: var(--palette-accent);
  --cmrf-mist: var(--palette-gray-100);
  --cmrf-paper: var(--palette-paper);
  --cmrf-ink: var(--palette-charcoal);
  --cmrf-green: var(--palette-graphite);
  --cmrf-green-light: var(--palette-gray-900);
  --cmrf-green-soft: var(--palette-gray-200);
  --cmrf-orange: var(--palette-graphite);
  --cmrf-orange-soft: var(--palette-gray-300);
  --cmrf-line: rgba(var(--palette-charcoal-rgb), 0.18);

  --color-text: var(--palette-gray-800);
  --color-text-secondary: var(--palette-gray-700);
  --color-text-muted: var(--palette-gray-500);
  --color-text-dark: var(--palette-charcoal);
  --color-surface: var(--palette-white);
  --color-surface-soft: var(--palette-gray-100);
  --color-surface-paper: var(--palette-paper);
  --color-border: var(--palette-gray-300);
  --color-dark-overlay: rgba(var(--palette-black-rgb), 0.86);

  /* POS demo components use the same root palette as the rest of the site. */
  --pos-demo-ink: var(--palette-charcoal);
  --pos-demo-muted: var(--palette-gray-700);
  --pos-demo-canvas: var(--palette-gray-100);
  --pos-demo-paper: var(--palette-paper);
  --pos-demo-surface: var(--palette-white);
  --pos-demo-border: var(--palette-gray-300);
  --pos-demo-accent: var(--palette-accent);
  --pos-demo-accent-soft: var(--palette-accent-soft);
  --bs-primary: var(--n-primary);
  --bs-primary-rgb: var(--n-primary-rgb);
  --bs-body-font-family: var(--n-font-body);
  --bs-body-color: var(--n-slate);
  --bs-body-bg: var(--n-white);
}