/* trademd design tokens v2.1 — "bright space" (ADR-003 + owner feedback 2026-09-20: "톤을 조금 더 밝게").
   Canvas lifted from #070A14 → #0E1326, surfaces/borders ~1.6× more luminous, text warmer and brighter.
   Semantic colors keep text+icon pairing; decorative glow is allowed but never carries meaning alone.
   Contrast (WCAG AA, body ≥4.5:1): primary #F4F6FF on #0E1326 ≈ 16:1; secondary #B4BDD6 ≈ 9:1; tertiary #8A94B3 ≈ 5.4:1. */
:root{
  --font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI","Noto Sans KR","Noto Sans JP","Noto Sans SC",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --color-canvas:#0E1326;
  --color-canvas-2:#141A33;
  --color-surface:rgba(255,255,255,.07);
  --color-surface-strong:rgba(255,255,255,.12);
  --color-surface-subtle:rgba(255,255,255,.045);
  --color-text-primary:#F4F6FF;
  --color-text-secondary:#B4BDD6;
  --color-text-tertiary:#8A94B3;

  --color-action-primary:#7C8CFF;
  --color-action-2:#B59CFF;
  --color-action-hover:#94A1FF;
  --color-action-onPrimary:#0B0F1F;
  --grad-action:linear-gradient(135deg,#7C8CFF 0%,#B59CFF 55%,#6FF0DB 130%);
  --grad-text:linear-gradient(100deg,#FFFFFF 0%,#C4CCFF 45%,#6FF0DB 100%);
  --color-focus:#9FE9FF;

  --color-border-control:rgba(255,255,255,.28);
  --color-border-decorative:rgba(255,255,255,.13);
  --color-border-glow:rgba(124,140,255,.55);

  --color-contribution-surface:rgba(111,240,219,.16);
  --color-contribution-text:#8CF7E2;
  --color-ai-surface:rgba(181,156,255,.18);
  --color-ai-text:#DCCFFF;
  --color-success-surface:rgba(111,240,219,.16);
  --color-success-text:#8CF7E2;
  --color-warning-surface:rgba(255,206,122,.18);
  --color-warning-text:#FFDCA0;
  --color-danger-surface:rgba(255,122,138,.18);
  --color-danger-text:#FFAAB6;
  --color-accent-decorative:#FF9A6B;

  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s24:96px;
  --r-field:12px;--r-btn:999px;--r-card:20px;--r-modal:24px;
  --max-app:1200px;--max-read:720px;--max-search:760px;

  --shadow-card:0 1px 0 rgba(255,255,255,.06) inset,0 20px 60px -30px rgba(0,0,0,.6);
  --shadow-hover:0 0 0 1px var(--color-border-glow),0 30px 80px -30px rgba(124,140,255,.45);
  --shadow-modal:0 40px 120px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.1);

  --ease-out:cubic-bezier(.2,.8,.2,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --dur-1:160ms;--dur-2:320ms;--dur-3:640ms;
}