/* retoor <retoor@molodetz.nl> */

:root {
    --bg-primary: #080413;
    --bg-secondary: #120821;
    --bg-card: #1a1030;
    --bg-card-hover: #241640;
    --bg-input: #140b26;
    --bg-modal: #1a1030;

    --accent: #ff6b35;
    --accent-hover: #ff7d4d;
    --accent-light: rgba(255, 107, 53, 0.12);
    --accent-2: #ff4f8b;
    --accent-gradient: linear-gradient(135deg, #ff6b3d, #ff4f6d);

    --text-primary: #f4eefb;
    --text-secondary: #b8a8d0;
    --text-muted: #7a6a90;

    --border: rgba(255, 255, 255, 0.08);
    --border-light: rgba(255, 255, 255, 0.14);

    --success: #4caf50;
    --warning: #ff9800;
    --danger: #e53935;
    --info: #42a5f5;

    --radius: 12px;
    --radius-input: 14px;
    --radius-lg: 18px;
    --radius-xl: 24px;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.28);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.28);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.45);
    --glow-accent: 0 6px 24px rgba(255, 95, 70, 0.45);

    --white: #fff;
    --overlay-dark: rgba(0, 0, 0, 0.7);
    --overlay-light: rgba(255, 255, 255, 0.05);

    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-base: 0.5rem;
    --space-md: 0.75rem;
    --space-lg: 1rem;
    --space-xl: 1.5rem;
    --space-2xl: 2rem;

    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;

    --nav-height: 56px;
    --sidebar-width: 240px;
    --max-content: 1200px;

    --topic-devlog: #7c4dff;
    --topic-showcase: #00bfa5;
    --topic-question: #448aff;
    --topic-rant: #ff5252;
    --topic-fun: #ffab00;
    --topic-signals: #00bcd4;

    --bg-gradient: linear-gradient(135deg, #080413 0%, #160a28 50%, #080413 100%);
}
