/* tajii.tokyo — Design Tokens
 * Neobrutalism × Y2K
 * すべての色・影・枠・タイポ・余白はここで一元管理する
 */

:root {
  /* ---- Color: base ---- */
  --c-bg: #f4f1e8;          /* オフホワイト（紙っぽい） */
  --c-bg-grid: #ddd8c4;     /* 背景グリッド線 */
  --c-ink: #111111;         /* 黒インク（枠・文字） */
  --c-paper: #ffffff;       /* カード地 */

  /* ---- Color: primary clash ---- */
  --c-blue: #2b4cff;        /* electric blue */
  --c-pink: #ff3ea5;        /* hot pink */
  --c-yellow: #ffe600;      /* acid yellow */
  --c-lime: #b6ff3d;        /* lime */
  --c-cyan: #28e0d4;        /* y2k cyan */
  --c-purple: #9b5cff;      /* y2k purple */

  /* ---- Borders ---- */
  --border-w: 3px;
  --border: var(--border-w) solid var(--c-ink);
  --radius: 0px;            /* ネオブルは基本角ばる */
  --radius-soft: 14px;      /* 一部のY2K要素だけ丸める */

  /* ---- Hard shadows (no blur) ---- */
  --shadow-sm: 3px 3px 0 var(--c-ink);
  --shadow: 6px 6px 0 var(--c-ink);
  --shadow-lg: 10px 10px 0 var(--c-ink);
  --shadow-color: 6px 6px 0 var(--c-pink);

  /* ---- Typography ---- */
  --font-display: "Space Grotesk", "Noto Sans JP", system-ui, sans-serif;
  --font-body: "Noto Sans JP", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --fs-hero: clamp(2.75rem, 11vw, 7rem);
  --fs-h1: clamp(2rem, 6vw, 3.5rem);
  --fs-h2: clamp(1.4rem, 4vw, 2.2rem);
  --fs-body: 1rem;
  --fs-sm: 0.8125rem;

  /* ---- Spacing ---- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2.5rem;
  --sp-5: 4rem;
  --sp-6: 6rem;

  --maxw: 1080px;

  /* ---- Motion ---- */
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
}