:root {

  --revo-white: #FFFFFF;
  --revo-mist: #EEF2F6;
  --revo-blue: #00457C;
  --revo-navy: #002B4E;
  --revo-abyss: #001B33;
  --revo-sky: #009FE3;
  --revo-ink: #10161C;
  --revo-steel: #706F6F;
  --revo-red: #B23A3A;

  --revo-hairline: #E2E9F0;
  --revo-on-navy: #DCE8F2;

  --revo-bg: var(--revo-mist);
  --revo-text: var(--revo-ink);
  --revo-text-muted: var(--revo-steel);
  --revo-heading: var(--revo-blue);
  --revo-text-on-dark: var(--revo-on-navy);
  --revo-text-muted-on-dark: rgba(220, 232, 242, 0.62);

  --revo-atmos-base: linear-gradient(180deg, #F7FAFD 0%, #EEF3F8 100%);
  --revo-atmos-sky-1: rgba(0, 159, 227, 0.13);
  --revo-atmos-navy: rgba(0, 43, 78, 0.10);
  --revo-atmos-sky-2: rgba(0, 159, 227, 0.09);
  --revo-grid-line: rgba(0, 43, 78, 0.035);
  --revo-grid-size: 72px;

  --revo-glass-blur: 20px;
  --revo-glass-saturate: 160%;
  --revo-glass-card-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.44));
  --revo-glass-border: rgba(255, 255, 255, 0.85);
  --revo-glass-ring: rgba(0, 69, 124, 0.07);
  --revo-glass-inner: inset 0 1px 0 rgba(255, 255, 255, 0.95);
  --revo-glass-navy-bg: linear-gradient(150deg, rgba(0, 43, 78, 0.94), rgba(0, 27, 51, 0.90));
  --revo-glass-navy-border: rgba(255, 255, 255, 0.15);

  --revo-radius-sm: 12px;
  --revo-radius-md: 20px;
  --revo-radius-lg: 28px;
  --revo-radius-pill: 999px;

  --revo-shadow-card: 0 2px 8px rgba(0, 43, 78, 0.05), 0 16px 48px rgba(0, 43, 78, 0.10);
  --revo-shadow-panel: 0 4px 16px rgba(0, 43, 78, 0.06), 0 32px 80px rgba(0, 43, 78, 0.14);
  --revo-shadow-hover: 0 24px 64px rgba(0, 43, 78, 0.16);
  --revo-shadow-panel-hover: 0 40px 96px rgba(0, 43, 78, 0.18);
  --revo-shadow-navy: 0 32px 80px rgba(0, 27, 51, 0.28);
  --revo-shadow-product: 0 40px 60px -24px rgba(0, 43, 78, 0.35);

  --revo-space-1: 4px;
  --revo-space-2: 8px;
  --revo-space-3: 12px;
  --revo-space-4: 16px;
  --revo-space-5: 24px;
  --revo-space-6: 32px;
  --revo-space-7: 40px;
  --revo-space-8: 56px;
  --revo-space-9: 72px;
  --revo-space-10: 96px;

  --revo-pad-card: 24px;
  --revo-pad-panel: 32px;
  --revo-pad-hero: 40px;

  --revo-font-display: 'Barlow Semi Condensed', 'Barlow', system-ui, sans-serif;
  --revo-font-body: 'Barlow', system-ui, -apple-system, sans-serif;
  --revo-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --revo-display-size: clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem);
  --revo-display-weight: 600;
  --revo-display-lh: 1.02;
  --revo-display-ls: -0.015em;

  --revo-h1-size: clamp(1.9rem, 1.3rem + 2.2vw, 3rem);
  --revo-h2-size: clamp(1.5rem, 1.15rem + 1.3vw, 2.125rem);
  --revo-h3-size: 1.25rem;
  --revo-heading-weight: 600;
  --revo-heading-lh: 1.1;

  --revo-body-size: 1rem;
  --revo-body-lh: 1.62;
  --revo-body-weight: 400;
  --revo-body-weight-light: 300;

  --revo-mono-size: 0.6875rem;
  --revo-mono-ls: 0.14em;
  --revo-mono-weight: 500;

  --revo-gradient-word: linear-gradient(100deg, var(--revo-navy) 0%, var(--revo-sky) 100%);

  --revo-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --revo-duration: 200ms;
  --revo-lift: 2px;
}

@media print {
  :root {
    --revo-glass-blur: 0px;
    --revo-glass-saturate: 100%;
    --revo-glass-card-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.88));
    --revo-glass-border: var(--revo-hairline);
    --revo-glass-inner: none;
    --revo-glass-navy-bg: linear-gradient(150deg, #002B4E, #001B33);
    --revo-shadow-card: none;
    --revo-shadow-panel: none;
    --revo-shadow-hover: none;
    --revo-shadow-panel-hover: none;
    --revo-shadow-navy: none;
    --revo-shadow-product: none;
  }
}