tegwick
36f7b9f7b9
A deliberately-unfinished second adapter that consumes the same ir/ and honours the same adapters/ADAPTER_CONTRACT.md (token full-gen + write-once stubs + drift roll-up shape + exit codes), with zero changes to ir/. Every IR component is 'new' for a fresh stack → 10 class stubs + tokens.css (80 props). Not a usable plain-CSS kit — the deliverable is confidence the boundary holds so the architecture can be lifted into a coulomb-level tool later. make adapt-plain-css. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
92 lines
2.2 KiB
CSS
92 lines
2.2 KiB
CSS
/* @generated by adapters/plain-css (WHYNOT-WP-0002 T10) from ir/tokens.json — DO NOT EDIT. */
|
|
:root {
|
|
/* color */
|
|
--ink: #0A0A0A;
|
|
--ink-2: #1F1F1F;
|
|
--ink-3: #5C5C5C;
|
|
--ink-4: #8A8A8A;
|
|
--ink-5: #B5B5B3;
|
|
--line: #E5E5E2;
|
|
--line-strong: #C9C9C5;
|
|
--line-soft: #F0F0EC;
|
|
--paper: #FFFFFF;
|
|
--paper-2: #FAFAF7;
|
|
--paper-3: #F4F4EF;
|
|
--fg-1: var(--ink);
|
|
--fg-2: var(--ink-3);
|
|
--fg-3: var(--ink-4);
|
|
--fg-mute: var(--ink-5);
|
|
--fg-on-dark: #FAFAF7;
|
|
--bg-1: var(--paper);
|
|
--bg-2: var(--paper-2);
|
|
--bg-3: var(--paper-3);
|
|
--bg-invert: var(--ink);
|
|
--border: var(--line);
|
|
--border-strong: var(--line-strong);
|
|
--border-soft: var(--line-soft);
|
|
--hi: #FFE14A;
|
|
--hi-2: #FFD400;
|
|
--hi-ink: #1A1500;
|
|
--status-raw: #B5B5B3;
|
|
--status-weak: #8A8A8A;
|
|
--status-medium: #5C5C5C;
|
|
--status-strong: #0A0A0A;
|
|
--status-commercial: #FFD400;
|
|
--status-error: #B33A2E;
|
|
--status-error-bg: #FCF3F1;
|
|
--status-warn: #C28000;
|
|
--status-warn-bg: #FFFCEB;
|
|
--status-success: #2F6B3A;
|
|
--status-success-bg: #F2F7F2;
|
|
--status-info: #2E5C8A;
|
|
--status-info-bg: #F2F5FA;
|
|
/* fontFamily */
|
|
--ff-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
--ff-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
|
|
--ff-serif: ui-serif, Georgia, "Times New Roman", serif;
|
|
/* fontSize */
|
|
--fs-xs: 11px;
|
|
--fs-sm: 13px;
|
|
--fs-base: 15px;
|
|
--fs-md: 17px;
|
|
--fs-lg: 20px;
|
|
--fs-xl: 24px;
|
|
--fs-2xl: 32px;
|
|
--fs-3xl: 44px;
|
|
--fs-4xl: 64px;
|
|
--fs-5xl: 96px;
|
|
/* lineHeight */
|
|
--lh-tight: 1.05;
|
|
--lh-snug: 1.25;
|
|
--lh-base: 1.5;
|
|
--lh-loose: 1.7;
|
|
/* letterSpacing */
|
|
--tr-tight: -0.02em;
|
|
--tr-snug: -0.01em;
|
|
--tr-base: 0em;
|
|
--tr-mono: 0.02em;
|
|
--tr-label: 0.08em;
|
|
/* space */
|
|
--sp-1: 4px;
|
|
--sp-2: 8px;
|
|
--sp-3: 12px;
|
|
--sp-4: 16px;
|
|
--sp-5: 24px;
|
|
--sp-6: 32px;
|
|
--sp-7: 48px;
|
|
--sp-8: 64px;
|
|
--sp-9: 96px;
|
|
--sp-10: 128px;
|
|
/* radius */
|
|
--r-0: 0px;
|
|
--r-1: 2px;
|
|
--r-2: 4px;
|
|
--r-3: 8px;
|
|
--r-pill: 999px;
|
|
/* shadow */
|
|
--shadow-0: none;
|
|
--shadow-1: 0 1px 0 var(--line);
|
|
--shadow-2: 0 1px 0 var(--line-strong);
|
|
--shadow-3: 0 4px 12px -6px rgba(10,10,10,0.10);
|
|
}
|