/* ══════════════════════════════════════════════════════════
   Design Tokens — prompties v1.0
   iBots tokens.css 기반 포크 + 독립 브랜드 확장
   ══════════════════════════════════════════════════════════ */
:root {
    color-scheme: dark;

    /* ── Background ── */
    --bg:           #09090b;
    --bg-raised:    #111113;
    --bg-overlay:   #1a1a1e;

    /* ── Surface ── */
    --surface:        rgba(255,255,255, 0.03);
    --surface-hover:  rgba(255,255,255, 0.06);
    --surface-active: rgba(255,255,255, 0.09);

    /* ── Text ── */
    --text:       #ededef;
    --text-sub:   #8b8b92;
    --text-faint: #7a7a82;

    /* ── Line ── */
    --line:      rgba(255,255,255, 0.04);
    --line-bold: rgba(255,255,255, 0.08);

    /* ── Accent — 브랜드 Teal ── */
    --accent:      #2dd4bf;
    --accent-dim:  rgba(45,212,191, 0.12);
    --accent-on:   #000000;
    --accent-deep: #14b8a6;
    --accent-glow: rgba(45,212,191, 0.25);

    /* ── Status ── */
    --clr-success:    #22c55e;
    --clr-success-bg: rgba(34,197,94, 0.10);
    --clr-error:      #ef4444;
    --clr-error-bg:   rgba(239,68,68, 0.10);
    --clr-warning:    #f59e0b;
    --clr-warning-bg: rgba(245,158,11, 0.10);
    --clr-info:       #2dd4bf;
    --clr-info-bg:    rgba(45,212,191, 0.10);

    /* ── Typography ── */
    --font:      'Pretendard Variable', 'Pretendard', sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', ui-monospace, monospace;

    --text-xs:   11px;
    --text-sm:   13px;
    --text-base: 15px;
    --text-lg:   18px;
    --text-xl:   24px;
    --text-2xl:  30px;

    --fw-normal:   400;
    --fw-medium:   500;
    --fw-semibold: 600;
    --fw-bold:     600;

    /* ── Spacing (s-* 토큰) ── */
    --s-0:   2px;
    --s-1:   4px;
    --s-1-5: 6px;
    --s-2:   8px;
    --s-3:  12px;
    --s-4:  16px;
    --s-5:  24px;
    --s-6:  32px;
    --s-8:  48px;
    --s-10: 64px;

    /* ── Radius ── */
    --radius:      12px;
    --radius-sm:   8px;
    --radius-card: 16px;
    --radius-full: 999px;
    --radius-pill: 999px;

    /* ── Transition ── */
    --ease:   150ms ease;
    --smooth: 200ms ease;
    --fast:   100ms ease;

    /* ── Shadow ── */
    --shadow:    0 1px 3px rgba(0,0,0, 0.2);
    --shadow-lg: 0 8px 24px rgba(0,0,0, 0.3);

    /* ── Misc ── */
    --contrast-on-accent: #000000;

    /* ── prompties 브랜드 확장 ── */
    --prompties-hero-bg: linear-gradient(180deg, var(--bg) 0%, rgba(45,212,191,0.03) 100%);
    --prompties-score-glow: 0 0 20px rgba(45,212,191, 0.15);
}