/* FnF OS — dark-only surface system. Near-black neutral ramp (terminal graphite); lime accent from the supplied swatch. */
:root{
/* base ramp */
--gray-1000:#18102b;--gray-950:#18102b;--gray-900:#211839;--gray-850:#211839;--gray-800:#241a3e;--gray-750:#2e2450;--gray-700:#3a2f5c;--gray-600:#4a3d73;--gray-500:#5a4c85;
--lime-400:#f5ec5c;--lime-300:#f5ec5c;--lime-500:#f0e100;--lime-600:#d4c700;--lime-700:#a89d00;
--ink-100:#f5f3ff;--ink-200:#dcd6f5;--ink-300:#b9b0d6;--ink-400:#7d72a6;--ink-500:#5a4c85;
--amber-500:#a98bff;--amber-300:#c4adff;--red-500:#ff5a65;--red-300:#ff909a;--red-700:#a81f2a;--teal-500:#2fd6b0;

/* surfaces */
--bg-page:#18102b;--bg-desk:#18102b;--bg-rail:#18102b;--surface-card:#211839;--surface-transcript:#18102b;--surface-raised:#241a3e;--surface-sunken:#18102b;--surface-overlay:rgba(33,24,57,.9);--surface-hover:#2e2450;--surface-active:#3a2f5c;--surface-selected:#2a1f47;

/* text */
--text-main:#f5f3ff;--text-secondary:#dcd6f5;--text-faint:#b9b0d6;--text-disabled:#5a4c85;--text-on-accent:#18102b;--text-link:#f5ec5c;--text-link-hover:#f5ec5c;

/* lines */
--border-subtle:#2e2450;--border-default:#3a2f5c;--border-strong:#4a3d73;--divider:#241a3e;

/* accent */
--accent:#f0e100;--accent-hover:#f5ec5c;--accent-pressed:#d4c700;--accent-subtle:rgba(240,225,0,.12);--accent-subtle-hover:rgba(240,225,0,.2);--accent-border:rgba(240,225,0,.42);--on-accent:#18102b;

/* status */
--status-approve:#a98bff;--status-approve-bg:rgba(169,139,255,.12);--status-approve-border:rgba(169,139,255,.4);
--status-live:#f0e100;--status-live-bg:rgba(240,225,0,.12);--status-live-border:rgba(240,225,0,.4);
--status-error:#ff5a65;--status-error-bg:rgba(255,90,101,.12);--status-error-border:rgba(255,90,101,.42);
--status-done:#b9b0d6;--status-done-bg:rgba(185,176,214,.12);--status-done-border:rgba(185,176,214,.3);

/* code + diff */
--code-bg:#1b1231;--code-inline-bg:#2a1f47;--code-inline-fg:#f5ec5c;
--diff-add-bg:rgba(240,225,0,.14);--diff-add-fg:#f5ec5c;--diff-add-gutter:#a89d00;
--diff-del-bg:rgba(255,90,101,.14);--diff-del-fg:#ff909a;--diff-del-gutter:#a81f2a;

/* interaction */
--focus-ring:#f0e100;--focus-ring-halo:rgba(240,225,0,.22);--selection-bg:rgba(240,225,0,.26);--selection-fg:#f5f3ff;--scrim:rgba(0,0,0,.82);

/* dot-grid ground */
--dot-color:rgba(255,255,255,.055);--dot-size:1px;--dot-gap:22px}