/**
 * SAFE TOKYO Design Tokens
 * デザイン指示書 v2.2 準拠
 */

/* ========================================
   カラートークン（厳格）
   ======================================== */

/* ベース背景（夜固定） */
--color-bg-base: #0B1220;
--color-bg-gradient-top: #1C2A44;
--color-bg-gradient-bottom: #0B1220;

/* カード・サーフェス */
--color-surface-card: #FFFFFF;
--color-surface-overlay-light: rgba(255, 255, 255, 0.04);
--color-surface-overlay-medium: rgba(255, 255, 255, 0.08);

/* カテゴリーカラー（ラベル用途のみ） */
--color-category-safety: #A6C8FF;
--color-category-warm: #FFCFA5;
--color-category-care: #FFD6E8;
--color-category-progress: #667EEA;

/* テキスト */
--color-text-primary: #FFFFFF;
--color-text-secondary: rgba(255, 255, 255, 0.9);
--color-text-tertiary: rgba(255, 255, 255, 0.7);
--color-text-on-card: #1f2937;
--color-text-muted: #6b7280;

/* ========================================
   タイポグラフィ
   ======================================== */

/* Font Family */
--font-family-base: 'Noto Sans JP', sans-serif;

/* Font Sizes */
--font-size-h1-sm: 2.25rem;  /* text-4xl */
--font-size-h1-md: 3.75rem;  /* text-6xl */
--font-size-h2-sm: 1.5rem;   /* text-2xl */
--font-size-h2-md: 2.25rem;  /* text-4xl */
--font-size-h3-sm: 1.25rem;  /* text-xl */
--font-size-h3-md: 1.5rem;   /* text-2xl */
--font-size-body-sm: 1rem;   /* text-base */
--font-size-body-md: 1.125rem; /* text-lg */

/* Font Weights */
--font-weight-black: 900;    /* font-black */
--font-weight-bold: 700;     /* font-bold */
--font-weight-semibold: 600; /* font-semibold */
--font-weight-medium: 500;
--font-weight-normal: 400;

/* Line Heights */
--line-height-tight: 1.25;
--line-height-normal: 1.5;
--line-height-relaxed: 1.625;

/* ========================================
   スペーシング
   ======================================== */

--spacing-xs: 0.5rem;
--spacing-sm: 1rem;
--spacing-md: 1.5rem;
--spacing-lg: 2rem;
--spacing-xl: 3rem;
--spacing-2xl: 4rem;

/* ========================================
   レイアウト
   ======================================== */

/* Hero Heights */
--hero-height-top: 60vh;
--hero-height-archive: 40vh;
--hero-height-single: 30vh;

/* Container */
--container-max-width: 1280px;
--container-padding: 1.5rem;

/* ========================================
   ボーダー・シャドウ
   ======================================== */

--border-radius-sm: 0.25rem;
--border-radius-md: 0.5rem;
--border-radius-lg: 0.75rem;
--border-radius-full: 9999px;

--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);