:root {

    --inject-navy: #29345c;
    --inject-navy-deep: #222c4f;

    --inject-text: #5f6c8a;
    --inject-text-soft: #7d88a3;

    --inject-bg: #ffffff;

    --inject-soft: #f4eff7;


    --inject-card: #ffffff;

    --inject-border:
            rgba(41, 52, 92, 0.08);
    --inject-line: rgba(41, 52, 92, 0.08);

    --inject-orange: #f36a45;

    --inject-orange-soft:
            rgba(243, 106, 69, 0.08);

    --inject-orange-soft-hover:
            rgba(243, 106, 69, 0.14);

    --inject-orange-border:
            rgba(243, 106, 69, 0.18);

    --inject-orange-border-hover:
            rgba(243, 106, 69, 0.28);

    --inject-radius-xl: 30px;

    --inject-radius-pill: 999px;

    --inject-shadow:
            0 18px 44px rgba(41, 52, 92, 0.06);

    --inject-transition:
            220ms ease;
    --bg: #ffffff;
    --bg-soft: #fafaf9;
    --ink: #0f1115;
    --ink-soft: #4b5057;
    --ink-muted: #8a8f98;
    --line: #ececee;
    --accent: #ff5a1f;
    --accent-soft: #fff1ea;
    --radius: 14px;
    --max: 1200px;
}