/**
 * FloppyOps — Website & Admin Panel
 *
 * @copyright 2026 Florian Hesse
 * @author    Florian Hesse <info@comnic-it.de>
 * @address   Fischerstr. 11, 16515 Oranienburg
 * @website   https://floppyops.com
 *
 * All rights reserved. Unauthorized copying, modification,
 * distribution, or use of this software is strictly prohibited.
 */
/* FloppyOps — Cosmic Observatory Theme (matching product) */

/* Dark theme (default) */
:root, [data-theme="dark"] {
    --bg-primary: #070a12;
    --bg-secondary: #0a0e1a;
    --bg-tertiary: #111827;
    --bg-elevated: #1a1f2e;

    --border: rgba(23, 32, 51, 0.8);
    --border-light: rgba(23, 32, 51, 0.4);

    --text-primary: #e8ecf4;
    --text-secondary: #8b98b0;
    --text-muted: #4a5568;

    --accent: #f97316;
    --accent-light: #fb923c;
    --accent-dark: #ea580c;

    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;

    color-scheme: dark;
}

/* Light theme */
[data-theme="light"] {
    --bg-primary: #edf1f7;
    --bg-secondary: #ffffff;
    --bg-tertiary: #e4e9f0;
    --bg-elevated: #f8f9fb;

    --border: rgba(223, 229, 238, 0.9);
    --border-light: rgba(200, 210, 224, 0.5);

    --text-primary: #1e2a3b;
    --text-secondary: #5a6a80;
    --text-muted: #9aa8b8;

    --accent: #ea580c;
    --accent-light: #f97316;
    --accent-dark: #c2410c;

    --success: #15803d;
    --warning: #a16207;
    --danger: #b91c1c;
    --info: #1d4ed8;

    color-scheme: light;
}

/* Fonts (load local if available) */
@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300 700;
    src: local('Outfit');
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400 500;
    src: local('JetBrains Mono');
}

/* Base */
* { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

/* Selection */
::selection {
    background: rgba(249, 115, 22, 0.3);
    color: #e2e8f0;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(249, 115, 22, 0.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(249, 115, 22, 0.4); }

/* Code */
code, pre {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
}

code {
    background: var(--bg-tertiary);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    color: var(--info);
}

/* Transitions */
a, button, .btn { transition: all 0.15s ease; }

/* Focus ring */
:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}