Spaces:
Running
Running
| /* atif-scan design tokens, shared by the private evidence desk (--browse) and the static | |
| viewer (--viewer). The forward palette from fast-agent's design system | |
| (fast-agent docs/assets/forward/tokens), with system fonts only: no external assets. | |
| Every semantic text colour keeps at least 4.5:1 on page, card and inset surfaces in | |
| its theme (checked when chosen; don't go lighter or darker without re-checking). */ | |
| :root { | |
| /* palette */ | |
| --ivory:#fff7e8; --paper:#fffcf4; --ivory-deep:#f4ead5; | |
| --petrol:#082c34; --petrol-2:#11414b; --petrol-3:#18505a; | |
| --amber:#ffb52e; --amber-ink:#8a5a00; --teal:#277c80; | |
| /* semantic, light */ | |
| --bg:var(--ivory); --card:var(--paper); --inset:var(--ivory-deep); | |
| --ink:var(--petrol); --muted:#426068; --line:var(--petrol); --line-soft:rgba(8,44,52,.14); | |
| --accent:var(--amber); --accent-ink:var(--amber-ink); --focus:var(--teal); | |
| --danger:#9d382b; --ok:#1a6b44; --info:#2c63b0; --highlight:#ffe0a0; | |
| /* type */ | |
| --voice:Georgia,"Times New Roman",serif; | |
| --read:system-ui,-apple-system,"Segoe UI",sans-serif; | |
| --code:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace; | |
| --track-label:.12em; | |
| } | |
| [data-theme="dark"] { | |
| --bg:var(--petrol); --card:var(--petrol-2); --inset:var(--petrol-3); | |
| --ink:var(--ivory); --muted:#d2dbd5; --line:#8caaa7; --line-soft:rgba(255,247,232,.16); | |
| --accent-ink:var(--amber); | |
| --danger:#ffa89d; --ok:#6ad19c; --info:#9cc4ff; --highlight:#755015; | |
| color-scheme:dark; | |
| } | |
| /* Figures line up in columns and counters. */ | |
| body { font-variant-numeric:tabular-nums } | |
| /* Status chips: small uppercase labels for priorities and judge answers. */ | |
| .chip { | |
| display:inline-block; padding:1px 7px; border:1px solid var(--line); border-radius:4px; | |
| font:750 10.5px/1.5 var(--read); letter-spacing:var(--track-label); text-transform:uppercase; | |
| white-space:nowrap; background:var(--card); color:var(--ink); | |
| } | |
| .chip--concern { background:var(--accent); color:var(--petrol); border-color:var(--petrol) } | |
| .chip--ok { color:var(--ok); border-color:currentColor } | |
| .chip--muted { color:var(--muted); border-style:dashed } | |
| .chip--danger { color:var(--danger); border-color:currentColor } | |