/* ==========================================================
   Theme Variables & Shared Styles
   Central location for gradients, colors, and reusable tokens
   ========================================================== */

:root {
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #1a3a3a 0%, #2d7d8a 50%, #c47045 100%);
    --gradient-header: linear-gradient(135deg, #163333 0%, #1b4b4b 100%);
    --gradient-login: linear-gradient(135deg, #132d2d 0%, #2d7d8a 60%, #c47045 100%);
    --gradient-teal: linear-gradient(135deg, #1b4b4b 0%, #2d7d8a 100%);
    --gradient-terracotta: linear-gradient(135deg, #c47045 0%, #d4845a 100%);

    /* Brand Colors - Primary (Teal) */
    --color-primary: #2d7d8a;
    --color-primary-hover: #236a75;
    --color-primary-light: #e6f4f5;
    --color-primary-dark: #1b4b4b;

    /* Brand Colors - Accent (Terracotta/Copper) */
    --color-accent: #c47045;
    --color-accent-hover: #a85d38;
    --color-accent-light: #fdf0ea;

    /* Dark backgrounds */
    --color-dark: #132d2d;
    --color-dark-teal: #1a3a3a;

    /* Status Colors */
    --color-healthy: #10b981;
    --color-degraded: #f59e0b;
    --color-down: #ef4444;

    /* Neutral Colors */
    --color-text: #1e293b;
    --color-text-secondary: #6b7280;
    --color-text-on-dark: #ffffff;
    --color-border: #e1e8ed;
    --color-bg: #ffffff;
    --color-bg-secondary: #f8f9fa;
}