/* ==========================================================================
   Design Tokens — CSS Custom Properties
   Generated from: references/design-tokens.json
   Figma: Ftw6Sg146FhCnTBajLm4cD
   ========================================================================== */

:root {
  /* --- Colors --- */
  --color-primary: #00bc86;
  --color-secondary: #0aadcb;
  --color-accent: #abefcb;
  --color-accent-cyan: #8deef2;
  --color-background: #fcfcfc;
  --color-surface: #ffffff;
  --color-text: #1f1f1f;
  --color-text-light: #949494;
  --color-text-inverse: #ffffff;
  --color-border: #00bc86;
  --color-error: #e53e3e;
  --color-success: #00bc86;
  --color-overlay-hover: #ebebeb;

  /* --- Typography --- */
  --font-family-base: 'Inter', 'Noto Sans JP', sans-serif;
  --font-family-heading: 'Poppins', sans-serif;

  --text-size-xs: 0.6875rem;   /* 11px */
  --text-size-sm: 0.8125rem;   /* 13px */
  --text-size-body: 0.9375rem; /* 15px */
  --text-size-lg: 1.125rem;    /* 18px */
  --text-size-xl: 1.625rem;    /* 26px */
  --text-size-2xl: 2.25rem;    /* 36px */
  --text-size-3xl: 2.625rem;   /* 42px */
  --text-size-hero: 7.5rem;    /* 120px */

  --text-weight-normal: 400;
  --text-weight-medium: 500;
  --text-weight-bold: 600;

  --text-line-height-tight: 1.2;
  --text-line-height-base: 1.8;
  --text-line-height-loose: 2.2;

  /* --- Spacing --- */
  --space-xs: 0.5rem;   /* 8px */
  --space-sm: 1rem;      /* 16px */
  --space-md: 1.5rem;    /* 24px */
  --space-lg: 2.5rem;    /* 40px */
  --space-xl: 3.75rem;   /* 60px */
  --space-2xl: 5rem;     /* 80px */

  /* --- Layout --- */
  --container-max: 1400px;
  --container-padding: 10rem;  /* 160px */
  --container-padding-secondary: 15rem; /* 240px */
  --container-padding-mobile: 1.25rem;  /* 20px */

  /* --- Border --- */
  --border-width: 1px;
  --radius-sm: 0.625rem;  /* 10px */
  --radius-md: 1.25rem;   /* 20px */
  --radius-lg: 1.875rem;  /* 30px */
  --radius-full: 9999px;

  /* --- Shadow --- */
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;

  /* --- Transition --- */
  --transition-base: 0.3s ease;
}