Spaces:
Running
Running
| :root{ | |
| /* Blocky by design: square corners everywhere, 2px only where a card meets the canvas */ | |
| --radius-xs:0px;--radius-sm:0px;--radius-md:2px;--radius-lg:2px;--radius-xl:4px;--radius-pill:0px; | |
| --radius-control:var(--radius-sm);--radius-card:var(--radius-md);--radius-panel:var(--radius-lg); | |
| /* Signature corner brackets — crop marks echoing the [#] logomark */ | |
| --corner-arm:9px;--corner-weight:1px;--corner-inset:-1px;--corner-color:var(--border-strong);--corner-color-accent:var(--flare-500); | |
| /* Elevation: hard offset blocks, no blur — the shadow is a shifted copy of the shape */ | |
| --shadow-none:none; | |
| --shadow-1:2px 2px 0 rgba(4,5,6,.65); | |
| --shadow-2:3px 3px 0 rgba(4,5,6,.70); | |
| --shadow-3:5px 5px 0 rgba(4,5,6,.75); | |
| --shadow-4:8px 8px 0 rgba(4,5,6,.80); | |
| --shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.10); | |
| --shadow-inset-well:inset 0 0 0 1px rgba(4,5,6,.70); | |
| --ring-focus:0 0 0 2px var(--bg-canvas),0 0 0 4px var(--flare-500); | |
| --glow-accent:0 0 0 1px var(--flare-500),4px 4px 0 var(--flare-a24); | |
| --glow-live:0 0 0 1px rgba(45,211,127,.45); | |
| /* Signature background wash — a soft accent bloom, no grid or pattern */ | |
| --wash-tint:rgba(255,77,23,.09); | |
| --bg-grid:radial-gradient(120% 92% at 50% -12%,var(--wash-tint),transparent 62%); | |
| --bg-grid-size:cover; | |
| --bg-wash:var(--bg-grid); | |
| --bg-wash-neutral:radial-gradient(110% 90% at 50% -10%,var(--w-a04),transparent 60%); | |
| --fade-bottom:linear-gradient(to bottom,transparent,var(--bg-canvas)); | |
| --fade-top:linear-gradient(to top,transparent,var(--bg-canvas)); | |
| } | |