Files
twitter-lite/tokens.css
T

55 lines
1.7 KiB
CSS

/* Hallmark · macrostructure: Workbench · tone: compact · anchor hue: neutral */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4 */
:root {
--color-canvas: var(--background);
--color-paper: var(--background);
--color-paper-2: var(--card);
--color-paper-3: var(--muted);
--color-ink: var(--foreground);
--color-ink-2: var(--foreground);
--color-muted: var(--muted-foreground);
--color-accent: var(--primary);
--color-accent-hover: var(--foreground);
--color-accent-ink: var(--primary-foreground);
--color-rule: var(--border);
--color-control-rule: var(--input);
--color-focus: var(--ring);
--color-error: var(--destructive);
--color-success: oklch(78% 0.13 155);
--color-shadow: oklch(10% 0.015 250 / 45%);
--color-overlay: oklch(10% 0.015 250 / 70%);
--font-body:
-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans",
"Noto Sans JP", sans-serif;
--font-display: var(--font-body);
--font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
--space-3xs: 0.125rem;
--space-2xs: 0.25rem;
--space-xs: 0.5rem;
--space-sm: 0.75rem;
--space-md: 1rem;
--space-lg: 1.5rem;
--space-xl: 2.5rem;
--space-2xl: 4rem;
--space-3xl: 6rem;
--text-xs: 0.8571rem;
--text-sm: 1rem;
--text-base: 1rem;
--text-md: 1.125rem;
--text-lg: 1.25rem;
--text-xl: 1.5rem;
--text-display-s: 1.125rem;
--text-display-long: 1.125rem;
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--ease-in: cubic-bezier(0.7, 0, 0.84, 0);
--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
--dur-instant: 100ms;
--dur-short: 150ms;
--dur-medium: 300ms;
--rule-hairline: 1px;
--rule-active: 2px;
--radius-sm: 0.25rem;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
}