/* ==========================================================================
   UXF Platform — Theme Variables
   Single source of truth for all platform colors.
   To change the palette, edit ONLY this file.
   ========================================================================== */

:root {
    /* Backgrounds */
    --bg-primary: #f5f7fa;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f0f9fc;
    --bg-hover: #e8f4f8;

    /* Text */
    --text-primary: #1a1a2e;
    --text-secondary: #718096;
    --text-muted: #4a5568;

    /* Borders */
    --border-color: #e2e8f0;
    --border-input: #dddddd;

    /* Accents */
    --accent-primary: #00a0d2;
    --accent-hover: #0088b4;
    --accent-secondary: #EF7C00;
    --accent-light: #b8e4f0;

    /* Shadows */
    --shadow-sm: rgba(0, 0, 0, 0.1);
    --shadow-md: rgba(0, 0, 0, 0.05);

    /* Status */
    --success-color: #48bb78;
    --warning-color: #EF7C00;
    --danger-color: #f56565;
    --error-color: #f56565;
    --info-color: #00a0d2;

    /* Brand gradient */
    --gradient-brand: linear-gradient(135deg, #00a0d2 0%, #0077a8 100%);
}

/* Dark theme — supports both toggle mechanisms */
body.dark-theme,
[data-theme="dark"] {
    --bg-primary: #1a1a2e;
    --bg-secondary: #242440;
    --bg-tertiary: #242440;
    --bg-hover: #2e2e50;

    --text-primary: #e2e8f0;
    --text-secondary: #a0aec0;
    --text-muted: #cbd5e0;

    --border-color: #3a3a5c;
    --border-input: #3a3a5c;

    --accent-primary: #00a0d2;
    --accent-hover: #33b5de;
    --accent-secondary: #EF7C00;
    --accent-light: rgba(0, 160, 210, 0.15);

    --shadow-sm: rgba(0, 0, 0, 0.3);
    --shadow-md: rgba(0, 0, 0, 0.15);

    --success-color: #68d391;
    --warning-color: #fbd38d;
    --danger-color: #fc8181;
    --error-color: #fc8181;
    --info-color: #63b3ed;

    --gradient-brand: linear-gradient(135deg, #33b5de 0%, #00a0d2 100%);
}