/* quicktools.dev — Design Tokens */
:root {
    /* ── Background ── */
    --bg-primary: #0e1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #1c2128;
    --bg-elevated: #21262d;

    /* ── Text ── */
    --text-primary: #e6edf3;
    --text-secondary: #8b949e;
    --text-muted: #484f58;
    --text-link: #58a6ff;

    /* ── Accent ── */
    --accent: #f0883e;
    --accent-hover: #f4a261;
    --accent-subtle: rgba(240, 136, 62, 0.12);

    /* ── Semantic ── */
    --success: #3fb950;
    --success-subtle: rgba(63, 185, 80, 0.12);
    --error: #f85149;
    --error-subtle: rgba(248, 81, 73, 0.12);
    --warning: #d29922;
    --info: #58a6ff;

    /* ── Borders ── */
    --border: #30363d;
    --border-subtle: #21262d;
    --border-focus: #58a6ff;

    /* ── Spacing ── */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* ── Radius ── */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* ── Typography ── */
    --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
    --font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, "Liberation Mono", monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.8125rem;
    --font-size-md: 0.9375rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --line-height: 1.6;
    --line-height-tight: 1.3;

    /* ── Shadows ── */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);

    /* ── Transitions ── */
    --transition-fast: 120ms ease;
    --transition-normal: 200ms ease;
    --transition-slow: 300ms ease;

    /* ── Layout ── */
    --max-width: 1200px;
    --header-height: 56px;
    --sidebar-width: 260px;
}