/* ========================================
   Custom Color Scheme Override
   Primary: #ff9900 (Orange)
   Secondary: #001055 (Dark Blue)
   ======================================== */

:root {
    /* Primary Color - Orange (#ff9900) Shades */
    --primary-50: #fff5e6;
    --primary-100: #ffe5bf;
    --primary-200: #ffd699;
    --primary-300: #ffc266;
    --primary-400: #ffad33;
    --primary-500: #ff9900;
    /* Base color */
    --primary-600: #ff9900;
    /* Main brand color */
    --primary-700: #cc7a00;
    --primary-800: #995c00;
    --primary-900: #663d00;

    /* Info Color - Dark Blue (#001055) Shades
     Using this as secondary/info color */
    --info-50: #e6e8f2;
    --info-100: #b3b8d9;
    --info-200: #8088c0;
    --info-300: #4d59a6;
    --info-400: #263482;
    --info-500: #001964;
    --info-600: #001055;
    /* Base color */
    --info-700: #000d44;
    --info-800: #000a33;
    --info-900: #000622;

    /* Update brand variables */
    --brand: var(--primary-600);
    --button-secondary: var(--primary-50);

    /* Update utility colors to use new palette */
    --primary-light: rgba(255, 153, 0, 0.15);
    --primary-light-white: rgba(255, 153, 0, 0.25);

    /* Success - Keep green but adjust to complement orange/blue */
    --success-main: #45b369;
    --success-surface: #daf0e1;
    --success-border: #b5e1c3;
    --success-hover: #009f5e;
    --success-pressed: #006038;

    /* Info Main - Use Dark Blue */
    --info-main: #001055;
    --info-surface: #e6e8f2;
    --info-border: #b3b8d9;
    --info-hover: #000d44;
    --info-pressed: #000622;

    /* Warning - Use Orange tones */
    --warning-main: #ff9900;
    --warning-surface: #fff5e6;
    --warning-border: #ffe5bf;
    --warning-hover: #cc7a00;
    --warning-pressed: #995c00;
    --warning-600: #ff9900;
    --warning-700: #cc7a00;
    --warning-800: #995c00;
    --warning-900: #663d00;

    /* Accent colors using the palette */
    --orange: #ff9900;
    --indigo: #001055;
    --purple: #4d59a6;
}

/* Dark theme adjustments */
[data-theme="dark"] {
    --primary-50: #fff5e60f;
    --info-50: #e6e8f20f;
    --button-secondary: var(--neutral-300);
}