/* ClawPod — design tokens
   Source of truth: project/design.md + project/tokens/*.css
   Rules: periwinkle atmosphere via gradients only · navy ink/CTA · violet accent only
          NO box-shadow anywhere (depth = blur glass + washes) · no pure red */
:root{
  /* type */
  --font-sans:'Pretendard Variable',system-ui,-apple-system,'Apple SD Gothic Neo',sans-serif;

  /* base colors */
  --cp-periwinkle:#5d74e0;
  --cp-navy:#1d2340;
  --cp-violet:#7c5cff;
  --cp-white:#ffffff;
  --cp-ink:#2b3044;
  --cp-mist:#6d7391;
  --cp-slate:#3d4668;
  --cp-sky-light:#8fa3f2;

  /* hairlines & borders */
  --cp-hairline:rgba(43,48,68,.14);
  --cp-hairline-soft:rgba(43,48,68,.12);
  --cp-hairline-strong:rgba(43,48,68,.2);
  --cp-border:rgba(43,48,68,.25);
  --cp-hairline-glass:rgba(255,255,255,.6);

  /* glass alpha scale (white) */
  --cp-glass-12:rgba(255,255,255,.12);
  --cp-glass-14:rgba(255,255,255,.14);
  --cp-glass-16:rgba(255,255,255,.16);
  --cp-glass-25:rgba(255,255,255,.25);
  --cp-glass-35:rgba(255,255,255,.35);
  --cp-glass-55:rgba(255,255,255,.55);
  --cp-glass-60:rgba(255,255,255,.6);
  --cp-glass-62:rgba(255,255,255,.62);
  --cp-glass-72:rgba(255,255,255,.72);
  --cp-glass-90:rgba(255,255,255,.9);
  --cp-glass-navy:rgba(29,35,64,.5);
  --cp-glass-tint:rgba(93,116,224,.1);

  /* washes */
  --cp-sky-wash:linear-gradient(180deg,#7c8ff0 0%,#5d74e0 55%,#8fa3f2 100%);
  --cp-stage-wash:linear-gradient(180deg,#eef1fd,#e4e9fb);
  --cp-stage-glow:0 0 120px 40px rgba(93,116,224,.14); /* the one allowed glow — not a shadow */

  /* surfaces */
  --surface-page:#ffffff;
  --surface-section:#fbfcff;
  --surface-chip:#eef1fd;
  --surface-tint:#f5f7fd;
  --surface-footer:#171c33;

  /* semantic (cool-leaning; pure red is banned) */
  --cp-success:#2f8f7a;
  --cp-caution:#b08a3e;
  --cp-critical:#b3486b;

  /* aliases */
  --text-body:var(--cp-ink);
  --text-strong:var(--cp-navy);
  --text-muted:var(--cp-mist);
  --accent:var(--cp-periwinkle);
  --accent-sharp:var(--cp-violet);
  --cta-bg:var(--cp-navy);
  --cta-fg:#ffffff;

  /* typography scale */
  --type-display-size:68px; --type-display-weight:600; --type-display-track:-.03em; --type-display-line:1.08;
  --type-h2-size:48px; --type-h2-weight:460; --type-h2-track:-.02em; --type-h2-line:1.1;
  --type-lede-size:18px;
  --type-body-size:16px; --type-body-line:1.5;
  --type-chat-size:13px; --type-chat-compact:11.5px;
  --type-label-size:11px; --type-label-track:.24em; --type-label-track-tight:.18em;

  /* spacing & shape */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px;
  --section-gap:96px; --section-gap-lg:120px;
  --radius-chip:9px; --radius-bubble:12px; --radius-card:16px; --radius-pill:999px;
  --blur-glass:12px; --blur-glass-soft:10px;

  /* container */
  --container:1200px; --container-mid:1100px; --container-narrow:1000px; --gutter:32px;

  /* motion */
  --ease-out:cubic-bezier(.22,.7,.35,1);
  --dur-fast:200ms; --dur-base:300ms; --dur-slow:450ms;
  /* scroll reveal — avocadoai.org(Gamma) 실측값: 1s easeOutQuint, 셀 스태거 150ms (2026-09-17) */
  --ease-reveal:cubic-bezier(.22,1,.36,1);
  --dur-reveal:1s; --reveal-stagger:150ms;
}