/* ===========================================
   TAKAYASU Reform Form - Design Tokens
   Minimal / Quiet Elegance
   =========================================== */

:root {
  /* -- Brand Colors -- */
  --color-brand-primary: #1A1A1A;
  --color-brand-primary-light: #3A3A3A;
  --color-brand-primary-subtle: rgba(26, 26, 26, 0.04);
  --color-brand-accent: #8A9A7B;          /* 抑えたセージ */
  --color-brand-accent-dark: #6B7D5E;
  --color-brand-accent-light: #A8B49C;
  --color-brand-accent-subtle: rgba(138, 154, 123, 0.08);
  --color-brand-accent-glow: rgba(138, 154, 123, 0.18);

  /* -- Background -- */
  --color-bg: #FAFAF7;
  --color-bg-gradient: #FAFAF7;
  --color-surface: #FFFFFF;
  --color-surface-hover: #F6F5F1;
  --color-surface-input: #FFFFFF;

  /* -- Text -- */
  --color-text: #1A1A1A;
  --color-text-muted: #6E6E6E;
  --color-text-placeholder: #B8B8B4;
  --color-text-on-accent: #FFFFFF;

  /* -- Semantic -- */
  --color-error: #C94A4A;
  --color-error-bg: rgba(201, 74, 74, 0.05);
  --color-success: #6B8E7A;
  --color-success-bg: rgba(107, 142, 122, 0.06);

  /* -- Border -- */
  --color-border: #E8E6E0;
  --color-border-light: #F0EEE8;
  --color-border-strong: #D4D1C9;

  /* -- Phone CTA -- */
  --color-phone-bg: #1A1A1A;
  --color-phone-hover: #2E2E2E;
  --color-phone-text: #FFFFFF;

  /* -- Typography -- */
  --font-display: 'Italiana', 'Shippori Mincho', serif;
  --font-heading: 'Shippori Mincho', 'Yu Mincho', serif;
  --font-body: 'Noto Sans JP', 'Hiragino Sans', -apple-system, sans-serif;
  --font-serif-jp: 'Noto Serif JP', 'Yu Mincho', serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-display: 2.75rem;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.3;
  --lh-base: 1.75;
  --lh-loose: 2;

  --ls-tight: -0.01em;
  --ls-wide: 0.08em;
  --ls-wider: 0.16em;
  --ls-widest: 0.28em;

  /* -- Spacing -- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-base: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 44px;
  --space-3xl: 64px;
  --space-4xl: 88px;

  /* -- Layout -- */
  --container-max: 620px;
  --container-padding: 24px;
  --card-padding: 40px 28px;
  --card-radius: 4px;
  --input-radius: 2px;
  --btn-radius: 2px;

  /* -- Shadows (ほぼなし) -- */
  --shadow-card: none;
  --shadow-card-subtle: 0 1px 2px rgba(26, 26, 26, 0.02);
  --shadow-input-focus: 0 0 0 3px var(--color-brand-accent-glow);
  --shadow-btn: none;
  --shadow-phone: none;

  /* -- Transitions -- */
  --transition-fast: 0.18s ease;
  --transition-base: 0.28s ease;
  --transition-smooth: 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-step: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* -- Z-Index -- */
  --z-phone: 50;
  --z-nav: 100;
  --z-overlay: 200;
  --z-modal: 300;
}