/* ==========================================================================
   Minimal Theme — Default MarkGo theme
   Clean, modern design with Inter + Fira Code
   ========================================================================== */

:root {
    /* Primary colors */
    --theme-primary: #2563eb;
    --theme-primary-dark: #1d4ed8;
    --theme-secondary: #64748b;
    --theme-accent: #60a5fa;

    /* Status colors */
    --theme-success: #10b981;
    --theme-warning: #f59e0b;
    --theme-error: #ef4444;

    /* Text */
    --theme-text-primary: #0f172a;
    --theme-text-secondary: #475569;
    --theme-text-muted: #64748b;
    --theme-text-inverse: #ffffff;

    /* Backgrounds */
    --theme-bg-primary: #ffffff;
    --theme-bg-secondary: #f9fafb;
    --theme-bg-tertiary: #f3f4f6;
    --theme-bg-dark: #111827;

    /* Borders */
    --theme-border: #e5e7eb;
    --theme-border-light: #f3f4f6;
    --theme-border-dark: #d1d5db;

    /* Feedback */
    --theme-success-bg: #d4edda;
    --theme-success-text: #155724;
    --theme-success-border: #c3e6cb;
    --theme-error-bg: #f8d7da;
    --theme-error-text: #721c24;
    --theme-error-border: #f5c6cb;

    /* Focus */
    --theme-focus-ring: rgba(37, 99, 235, 0.1);

    /* Typography */
    --theme-font-sans:
        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif;
    --theme-font-mono:
        "Fira Code", "SF Mono", Monaco, Inconsolata, "Roboto Mono",
        "Source Code Pro", monospace;
}

/* Dark mode — system preference */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --theme-text-primary: #f9fafb;
        --theme-text-secondary: #d1d5db;
        --theme-text-muted: #a1a1aa;
        --theme-bg-primary: #0f172a;
        --theme-bg-secondary: #1e293b;
        --theme-bg-tertiary: #334155;
        --theme-border: #334155;
        --theme-border-light: #475569;
        --theme-border-dark: #64748b;
        --theme-success-bg: #1a3a2a;
        --theme-success-text: #86efac;
        --theme-success-border: #2d5a3e;
        --theme-error-bg: #3b1c22;
        --theme-error-text: #fca5a5;
        --theme-error-border: #5a2d35;
        --theme-focus-ring: rgba(37, 99, 235, 0.25);
    }
}

/* Dark mode — manual toggle */
[data-theme="dark"] {
    --theme-text-primary: #f9fafb;
    --theme-text-secondary: #d1d5db;
    --theme-text-muted: #a1a1aa;
    --theme-bg-primary: #0f172a;
    --theme-bg-secondary: #1e293b;
    --theme-bg-tertiary: #334155;
    --theme-border: #334155;
    --theme-border-light: #475569;
    --theme-border-dark: #64748b;
    --theme-success-bg: #1a3a2a;
    --theme-success-text: #86efac;
    --theme-success-border: #2d5a3e;
    --theme-error-bg: #3b1c22;
    --theme-error-text: #fca5a5;
    --theme-error-border: #5a2d35;
    --theme-focus-ring: rgba(37, 99, 235, 0.25);
}