/* theme.css */

:root {
    /* Primary Theme Colors */
    --color-primary: #001D34;
    --color-primary-500: #004A78;
    --color-primary-400: #00629E;
    --color-primary-300: #9ACBFF;
    --color-primary-200: #CFE5FF;
    /* Secondary Colors */
    --color-secondary: #0F1D2A;
    --color-secondary-500: #3A4857;
    --color-secondary-400: #526070;
    --color-secondary-300: #BAC8DA;
    --color-secondary-200: #D6E4F7;
    /* Tertiary Colors */
    --color-tertiary: #FFB954;
    --color-tertiary-500: #291800;
    --color-tertiary-400: #633F00;
    --color-tertiary-300: #835500;
    --color-tertiary-200: #FFDDB4;
    /* Neutral Palette */
    --color-shadow: #001D34;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-gray-100: #f7f7f7;
    --color-gray-200: #e1e1e1;
    --color-gray-300: #cfcfcf;
    --color-gray-400: #a1a1a1;
    --color-gray-500: #707070;
    --color-gray-600: #45464F;
    --color-gray-700: #2e2e2e;
    /* Alerts */
    --color-success: #006C53;
    --color-on-success: var(--color-white);
    --color-error: #BA1A1A;
    --color-on-error: var(--color-white);
    --color-warning: #9C4400;
    --color-on-warning: var(--color-white);
    --color-info: #3498db;
    /* Backgrounds and Borders */
    --bg-default: var(--color-white);
    --bg-alternative: #F4F2F0;
    --bg-modal: var(--color-secondary-200); 
    --bg-dark: var(--color-primary);
    --bg-muted: var(--color-gray-100);
    --bg-error: #FFDAD6;
    --bg-on-error: #410002;
    --bg-warning: #FFDBCA;
    --bg-on-warning: #331200;
    --bg-success: #6FFACE;
    --bg-on-success: #002117;
    --border-default: var(--color-gray-300);
    /* Text */
    --link-default: var(--color-primary-400);
    --link-focus: #0F62FE;
    --text-default: var(--color-gray-600);
    --text-headings: var(--color-primary);
    --text-muted: var(--color-gray-400);
    --text-inverted: var(--color-white);
}