:root {
    --sfp-link: #4f3bd1;
    --sfp-on-accent: #ffffff;
}

[data-bs-theme="dark"] {
    --sfp-link: #b3a6ff;
    --sfp-on-accent: #ffffff;
}

:root {
    --sfs-btn-glow: color-mix(in srgb, var(--sf-color-primary) 30%, transparent);
    --sfs-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    --sfs-white: #fff;
    --sfs-black: #000;
    --sfs-muted: #94a3b8;
    --sfs-text-2: #cbd5e1;
    --sfs-text: #e2e8f0;
    --sfs-bright: #f1f5f9;
    --sfs-dim: #64748b;
    --sfs-amber: #fbbf24;
    --sfs-amber-pale: #fde68a;
    --sfs-amber-wash: #fef3c7;
    --sfs-amber-ink: #b45309;
    --sfs-amber-deep: #451a03;
    --sfs-navy: #0f172a;
    --sfs-stage: #0b0f1a;
    --sfs-panel: #171c29;
    --sfs-panel-deep: #121826;
    --sfs-well: #0f1420;
    --sfs-slate: #1e2430;
    --sfs-slate-2: #2b303b;
    --sfs-slate-3: #1b2130;
    --sfs-chrome: #1c2230;
    --sfs-chrome-2: #161b27;
    --sfs-dot: #3a4252;
    --sfs-grey: #475569;
    --sfs-ink-2: #334155;
    --sfs-ink-3: #526072;
    --sfs-mint: #6ee7b7;
    --sfs-green: #34d399;
    --sfs-green-deep: #064e3b;
    --sfs-emerald: #10b981;
    --sfs-emerald-ink: #04281d;
    --sfs-green-ink: #047857;
    --sfs-violet: #a78bfa;
    --sfs-violet-soft: #c4b5fd;
    --sfs-violet-pale: #e9d5ff;
    --sfs-indigo-pale: #a5b4fc;
    --sfs-purple-pale: #d8b4fe;
    --sfs-purple: #a23df0;
    --sfs-lavender: #f3f0ff;
    --sfs-lavender-2: #f1effe;
    --sfs-lilac: #efe9f8;
    --sfs-sky-wash: #e2ecfb;
    --sfs-paper: #f6f7fb;
    --sfs-indigo: #4b3bd1;
    --sfs-blue: #2563eb;
    --sfs-blue-pale: #93c5fd;
    --sfs-red: #ef4444;
    --sfs-red-pale: #fca5a5;
    --sfs-pink: #f472b6;
    --sfs-fill: rgba(255,255,255,.04);
    --sfs-fill-2: rgba(255,255,255,.05);
    --sfs-line-faint: rgba(255,255,255,.06);
    --sfs-stage-dot: rgba(255,255,255,.07);
    --sfs-fill-mid: rgba(255,255,255,.08);
    --sfs-line: rgba(255,255,255,.1);
    --sfs-line-2: rgba(255,255,255,.12);
    --sfs-line-3: rgba(255,255,255,.14);
    --sfs-fill-strong: rgba(255,255,255,.15);
    --sfs-line-4: rgba(255,255,255,.16);
    --sfs-line-5: rgba(255,255,255,.18);
    --sfs-line-6: rgba(255,255,255,.2);
    --sfs-track: rgba(255,255,255,.22);
    --sfs-track-2: rgba(255,255,255,.28);
    --sfs-line-bold: rgba(255,255,255,.3);
    --sfs-track-3: rgba(255,255,255,.35);
    --sfs-white-soft: rgba(255,255,255,.92);
    --sfs-amber-none: rgba(251,191,36,0);
    --sfs-amber-soft-1: rgba(251,191,36,.1);
    --sfs-amber-soft-2: rgba(251,191,36,.12);
    --sfs-amber-soft-3: rgba(251,191,36,.14);
    --sfs-amber-soft-4: rgba(251,191,36,.15);
    --sfs-amber-soft: rgba(251,191,36,.18);
    --sfs-amber-ring: rgba(251,191,36,.35);
    --sfs-amber-mark-2: rgba(251,191,36,.45);
    --sfs-amber-mark: rgba(251,191,36,.5);
    --sfs-amber-rule: rgba(251,191,36,.55);
    --sfs-green-soft-1: rgba(52,211,153,.08);
    --sfs-green-soft-2: rgba(52,211,153,.1);
    --sfs-green-soft: rgba(52,211,153,.14);
    --sfs-green-soft-3: rgba(52,211,153,.15);
    --sfs-green-line-2: rgba(52,211,153,.35);
    --sfs-green-line: rgba(52,211,153,.4);
    --sfs-shadow-paper-ink: rgba(15,23,42,.08);
    --sfs-shadow-fr-ink: rgba(15,23,42,.14);
    --sfs-shadow-book-ink: rgba(15,23,42,.25);
    --sfs-head-ring: rgba(15,23,42,.4);
    --sfs-scrim-1: rgba(15,23,42,.72);
    --sfs-scrim: rgba(15,23,42,.75);
    --sfs-scrim-2: rgba(15,23,42,.78);
    --sfs-scrim-3: rgba(15,23,42,.8);
    --sfs-scrim-4: rgba(10,14,24,.78);
    --sfs-scrim-deep: rgba(15,20,32,.92);
    --sfs-scrim-deeper: rgba(5,8,16,.94);
    --sfs-shadow-ink-1: rgba(0,0,0,.35);
    --sfs-shadow-ink-2: rgba(0,0,0,.4);
    --sfs-shadow-ink: rgba(0,0,0,.45);
    --sfs-red-soft: rgba(239,68,68,.15);
    --sfs-blue-soft: rgba(96,165,250,.15);
}