design/tokens/base.css at main

mirror of https://github.com/zooai/design.git synced 2026-10-30 14:50:04 +00:00

Files

T

zeekay 8e572430a8 feat: Zoo Design System — tokens, components, brand assets, guidelines

Monochrome, dark by default. One hue rendered through an opacity ladder.
Tokens (color, type, spacing, radius, elevation, motion) + core/forms/navigation/
overlays components + brand guidelines + ui kit. The single source of truth for
every Zoo surface — loadable and editable.

2026-07-24 17:21:13 -07:00

13 lines

1003 B

CSS

Raw Permalink Blame History

 /* Minimal element defaults so specimen cards and kits inherit the brand without
    a utility framework. Components carry their own styles inline. */
 *{box-sizing:border-box;border-color:var(--border)}
 html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
 body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-base);font-feature-settings:var(--font-feature-settings)}
 h1,h2,h3,h4{margin:0;font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--text-primary)}
 p{margin:0;text-wrap:pretty}
 code,pre,kbd{font-family:var(--font-mono)}
 a{color:var(--text-primary);text-decoration:none;text-underline-offset:4px;transition:color var(--duration-fast) var(--ease-out)}
 a:hover{color:var(--text-primary);text-decoration:underline}
 :focus-visible{outline:2px solid var(--ring);outline-offset:2px}
 ::selection{background:var(--white-20);color:#fff}

13 lines 1003 B CSS Raw Permalink Blame History

13 lines

1003 B

CSS

Raw Permalink Blame History