/* HLCA Design Tokens — Auto-generated from Figma Design System
   Source: https://www.figma.com/design/T2IjIYMIrY7LD0woic0PSd
   Updated: 2026-03-29
   DO NOT edit individual values here. Update Figma Variables first, then regenerate. */

:root {
  /* Primary */
  --color-primary: #0979ba;
  --color-primary-light: #57c0e6;
  --color-primary-dark: #007abe;
  --color-primary-sky: #38b6ff;
  --color-primary-pale: #e9f8ff;

  /* Accent */
  --color-accent-teal: #41aea2;
  --color-accent-green: #0bab84;
  --color-cta: #fdf200;
  --color-accent-orange: #dd7357;
  --color-accent-red: #d85437;
  --color-danger: #d80c18;

  /* Neutral */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-text: #363636;
  --color-text-sub: #393939;
  --color-text-muted: #a7a8aa;
  --color-border: #d1d5d4;
  --color-bg-light: #f4f4f4;
  --color-bg-gray-1: #eaeaea;
  --color-bg-gray-2: #f6f6f6;
  --color-bg-gray-3: #f2f2f2;
  --color-divider: #dedede;

  /* Link */
  --color-link: #2586c6;
  --color-link-hover: #00aff7;

  /* Typography */
  --font-family-ja: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
  --font-family-en: Mada, sans-serif;
  --font-xs: 10px;
  --font-sm: 12px;
  --font-base: 14px;
  --font-md: 16px;
  --font-lg: 18px;
  --font-xl: 20px;
  --font-2xl: 25px;
  --font-3xl: 30px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
}