/* static/css/colors.css */

:root {
    /* ------------------------
       Design Tokens
       ------------------------ */
    /* Base colors */
    --background: #ffffff;
    --foreground: #444444;
    /* Brand */
    --brand: #0c2e59;
    --brand-foreground: #ffffff;
    --brand-muted: #0f2a50;
    --brand-muted-foreground: #ffffff;
    --brand-contrast: #0c2e59;
    --brand-contrast-foreground: #ffffff;
    /* Text */
    --heading: #0c2e59;
    --normal-text: #262626;
    /* Neutrals */
    --minimal: #f5f5f5;
    --minimal-contrast: #dcebf6;
    /* Accent */
    --standout: #ec4aa2;
    /* Links */
    --link: #0c2e59;
    --link-hover: #1e4e8d;
    /* Borders */
    --border: #0c2e59;
    /* ------------------------
       Primitives
       ------------------------ */
    /* Grays */
    --gray-200: #f5f5f5;
    --gray-300: #d9d9d9;
    --gray-400: #bfbfbf;
    --gray-600: #8c8c8c;
    --gray-700: #595959;
    --gray-800: #262626;
    /* Blues */
    --blue-200: #e6f7ff;
    --blue-300: #bae7ff;
    --blue-400: #91d5ff;
    --blue-600: #1890ff;
    --blue-700: #096dd9;
    --blue-800: #002766;
    /* Pinks */
    --pink-200: #fff0f6;
    --pink-300: #ffadd2;
    --pink-400: #ff85c0;
    --pink-600: #eb2f96;
    --pink-700: #c41d7f;
    --pink-800: #780650;
    /* Greens */
    --green-200: #f6ffed;
    --green-300: #d9f7be;
    --green-400: #b7eb8f;
    --green-600: #52c41a;
    --green-700: #389e0d;
    --green-800: #135200;
    /* Yellows */
    --yellow-200: #fffbe6;
    --yellow-300: #fff1b8;
    --yellow-400: #ffe58f;
    --yellow-600: #fadb14;
    --yellow-700: #d4b106;
    --yellow-800: #614700;
    /* Oranges */
    --orange-200: #fff7e6;
    --orange-300: #ffe7ba;
    --orange-400: #ffd591;
    --orange-600: #fa8c16;
    --orange-700: #d46b08;
    --orange-800: #873800;
    /* Crisis */
    --crisis-info: #ffcc00;
    --crisis-warning: #990000;
    --black: #000000;
    --white: #ffffff;
}