/*
  Shared theme and design tokens.

  This file is the single source of truth for site-wide:
  - brand colors
  - neutral colors
  - status colors
  - typography
  - spacing
  - border radius
  - shadows
  - layout width
  - transitions

  Do not hard-code replacement brand colors throughout individual calculators.

  During the future site rebrand/migration, update shared theme values here
  rather than recreating styles calculator by calculator.

  The current --lv-* variable names are legacy internal names and should not
  be treated as permanent branding.
*/


:root {
  /* Brand Colors */
  --lv-blue: #2d6cdf;
  --lv-brand-dark: #032138;
  --lv-blue-soft: #eef5ff;

  /* Neutrals */
  --lv-navy: #0f2238;
  --lv-muted: #5d6b7a;
  --lv-bg: #f6f9fc;
  --lv-card: #ffffff;
  --lv-border: #d9e3ef;

  /* Status Colors */
  --lv-green-bg: #eefaf3;
  --lv-green-border: #bce8cc;
  --lv-green-text: #17643a;

  --lv-yellow-bg: #fff8e8;
  --lv-yellow-border: #f4d99d;
  --lv-yellow-text: #6d4b00;

  --lv-red-bg: #fff1f1;
  --lv-red-border: #ffd0d0;
  --lv-red-text: #b42318;

  /* Typography */
  --lv-font: Arial, sans-serif;

  --lv-text-sm: 13px;
  --lv-text-base: 16px;
  --lv-text-lg: 18px;
  --lv-text-xl: 24px;
  --lv-text-2xl: 32px;

  /* Spacing */
  --lv-space-1: 4px;
  --lv-space-2: 8px;
  --lv-space-3: 12px;
  --lv-space-4: 16px;
  --lv-space-5: 24px;
  --lv-space-6: 32px;
  --lv-space-7: 48px;
  --lv-space-8: 64px;

  /* Radius */
  --lv-radius-sm: 12px;
  --lv-radius-md: 16px;
  --lv-radius-lg: 20px;

  /* Shadows */
  --lv-shadow-card:
    0 8px 24px rgba(17, 24, 39, 0.06);

  /* Layout */
  --lv-max-width: 1120px;

  /* Transition */
  --lv-transition: 0.15s ease;
}