@import url("/public/assets/css/tokens.css?v=20261015");

:root {
  --font-title: var(--font-display);
  --font-weight-400: var(--weight-400);
  --font-weight-500: var(--weight-500);
  --font-weight-600: var(--weight-600);
  --font-weight-700: var(--weight-700);
  --font-weight-800: var(--weight-800);
  --font-weight-900: var(--weight-900);

  --color-ink: var(--color-green-dark);
  --color-stone: var(--color-gray-light);
  --color-sky: var(--color-green);
  --color-cloud: var(--color-white);
  --color-sky-hover: var(--token-color-green-hover);

  --color-bg: var(--color-white);
  --color-bg-secondary: var(--color-gray-light);
  --color-bg-dark: var(--color-green-dark);
  --color-accent: var(--color-green);
  --color-accent-hover: var(--token-color-green-hover);
  --color-text: var(--color-green-dark);
  --color-muted: var(--color-gray);
  --color-text-inverse: var(--color-white);
  --color-border: var(--color-gray-light);

  --color-success: var(--color-green);
  --color-warning: var(--color-gray);
  --color-danger: var(--color-green-dark);
  --color-info: var(--color-green);
  --color-success-bg: rgb(var(--color-green-rgb) / var(--alpha-10));
  --color-danger-bg: rgb(var(--color-green-dark-rgb) / var(--alpha-06));
  --color-warning-bg: rgb(var(--color-gray-rgb) / var(--alpha-08));
  --color-info-bg: rgb(var(--color-green-rgb) / var(--alpha-08));

  --color-surface: var(--color-white);
  --color-surface-solid: var(--color-white);
  --color-surface2: var(--color-gray-light);

  --radius-btn: var(--token-radius-sm);
  --radius-card: var(--token-radius-sm);
  --radius-input: var(--token-radius-sm);
  --radius-pill: var(--token-radius-pill);
  --radius-xl: var(--token-radius-pill);
  --radius-card-lg: var(--token-radius-sm);

  --shadow-card: var(--shadow-glass-card);
  --shadow-card-hover: var(--shadow-glass-card-hover);
  --shadow-cta: var(--shadow-cta-strong);
  --shadow-soft: var(--shadow-quote-panel);
  --shadow-strong: var(--shadow-card-lift);

  --glass-bg: rgb(var(--color-white-rgb) / var(--alpha-80));
  --glass-bg-2: rgb(var(--color-green-dark-rgb) / var(--alpha-04));
  --glass-border: rgb(var(--color-green-dark-rgb) / var(--alpha-10));
  --glass-blur: var(--token-size-16px);

  --bg-base: var(--color-white);
  --bg-glow: none;
  --bg-composed: var(--bg-base);

  --transition: all var(--duration-normal) ease;
  --focus-ring: var(--shadow-focus-subtle);

  --space-1: var(--token-space-05);
  --space-2: var(--token-space-1);
  --space-3: var(--token-space-15);
  --space-4: var(--token-space-2);
  --space-5: var(--token-space-3);
  --space-6: var(--token-space-4);
  --container-max: var(--token-container-max);

  --footer-bg: var(--color-white);
  --footer-text: var(--color-green-dark);
  --footer-heading: var(--color-green-dark);
  --footer-accent: var(--color-green);
}