/* Design tokens for the v2 redesign.
   TODO: replace hex values with exact tokens once exported from Figma. */

:root {
    --ce-color-primary: #2952e3;
    --ce-color-primary-dark: #1d3fc4;
    --ce-color-teal: #17c3b2;
    --ce-color-navy: #0f1c3f;
    --ce-color-text-muted: #4b5567;
    --ce-color-bg-subtle: #f7f9fc;

    --ce-color-eyebrow-bg: #fdf1e0;
    --ce-color-eyebrow-border: #f0c896;
    --ce-color-eyebrow-text: #b6651c;

    --ce-color-soc2-bg: #eef6f2;
    --ce-color-soc2-border: #cfe8db;

    --ce-radius-sm: 8px;
    --ce-radius-md: 12px;
    --ce-radius-pill: 30px;

    --ce-shadow-sm: 0 6px 18px rgba(15, 28, 63, 0.15);

    --ce-font-weight-semibold: 600;
    --ce-font-weight-bold: 700;
}