/* Nivorix — Design Tokens
 * OKLCH values computed from brand-guide hex via sRGB -> linear -> XYZ -> OKLab -> OKLCH
 * (Python, verified round-trip error < 1/255 per channel — see 20260805_brandguide-revision.md)
 */

:root {
  /* ============================================================
   * 面の色（Surfaces）
   * ============================================================ */
  --color-snow: oklch(97.31% 0.0041 91.45);      /* #F7F6F3 — light paper */
  --color-paper-2: oklch(94.65% 0.0058 84.57);   /* #EFEDE9 — snow上のカード（派生） */
  --color-sumi: oklch(20.66% 0.0101 248.31);     /* #14181C — dark paper */
  --color-paper-3: oklch(24.49% 0.0121 248.32);  /* #1C2126 — sumi上のカード（派生） */
  --color-silver: oklch(79.33% 0.0072 247.92);   /* #B8BCC0 */
  --color-indigo: oklch(34.28% 0.0705 252.44);   /* #1B3A5C — CTA/シグナル。1画面2箇所まで */

  /* Neutral scale */
  --color-n200: oklch(92.76% 0.0055 95.10);  /* #E8E7E3 */
  --color-n300: oklch(83.24% 0.0056 95.11);  /* #C9C8C4 */
  --color-n400: oklch(68.34% 0.0062 84.57);  /* #9B9995 */
  --color-n500: oklch(47.67% 0.0061 247.96); /* #5A5D60 */
  --color-n600: oklch(31.03% 0.0114 248.19); /* #2C3136 */
  --color-n700: oklch(20.66% 0.0101 248.31); /* #14181C */

  /* ============================================================
   * 光の色（Light — 光源・リボン・グロウのみ。面には使わない）
   * ============================================================ */
  --color-light-cyan: oklch(78.38% 0.0787 223.86);  /* #7FC4DE */
  --color-light-gold: oklch(82.65% 0.0813 77.37);   /* #E4C08A */
  --color-light-spark: oklch(68.47% 0.1557 39.58);  /* #E8734A — 点光源のみ */
  --color-glare: oklch(100% 0 0); /* #FFFFFF — tilt+glareの鏡面ハイライト専用。面・背景には使用しない */

  /* シャドウ（すべてSumiからの半透明。生のrgba/blackは使わない） */
  --shadow-color: var(--color-sumi);

  /* ============================================================
   * タイポグラフィ
   * ============================================================ */
  --font-display: "Inter", "Noto Sans JP", sans-serif;
  --font-body: "Inter", "Noto Sans JP", sans-serif;

  --tracking-heading: 0.04em;
  --tracking-logo: 0.12em;
  --leading-body: 1.8;
  --leading-heading: 1.4;

  --fs-2xs: 0.75rem;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 2.75rem;
  --fs-4xl: 3.5rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* ============================================================
   * 余白（4pt scale）
   * ============================================================ */
  --space-3xs: 0.25rem;  /* 4px */
  --space-2xs: 0.5rem;   /* 8px */
  --space-xs: 0.75rem;   /* 12px */
  --space-sm: 1rem;      /* 16px */
  --space-md: 1.5rem;    /* 24px */
  --space-lg: 2rem;      /* 32px */
  --space-xl: 3rem;      /* 48px */
  --space-2xl: 4rem;     /* 64px */
  --space-3xl: 6rem;     /* 96px */
  --space-4xl: 8rem;     /* 128px */

  /* ============================================================
   * イージング / 継続時間
   * ============================================================ */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --dur-fast: 150ms;
  --dur-base: 300ms;
  --dur-slow: 500ms;
  --dur-reveal: 800ms;

  /* ============================================================
   * 角丸 / 罫線
   * ============================================================ */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --rule-hairline: 1px solid var(--color-n300);
  --rule-hairline-dark: 1px solid var(--color-n600);

  /* コンテンツ幅 */
  --content-max: 1080px;
}