55 lines
1.7 KiB
CSS
55 lines
1.7 KiB
CSS
/* Hallmark · macrostructure: Workbench · tone: compact · anchor hue: Twitter blue */
|
|
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4 */
|
|
:root {
|
|
--color-canvas: oklch(19% 0.021 250);
|
|
--color-paper: oklch(24% 0.025 250);
|
|
--color-paper-2: oklch(28% 0.027 250);
|
|
--color-paper-3: oklch(33% 0.031 250);
|
|
--color-ink: oklch(95% 0.005 250);
|
|
--color-ink-2: oklch(85% 0.015 250);
|
|
--color-muted: oklch(72% 0.025 250);
|
|
--color-accent: oklch(72% 0.15 240);
|
|
--color-accent-hover: oklch(79% 0.13 240);
|
|
--color-accent-ink: oklch(18% 0.03 250);
|
|
--color-rule: oklch(34% 0.023 250);
|
|
--color-control-rule: oklch(47% 0.029 250);
|
|
--color-focus: oklch(79% 0.13 240);
|
|
--color-error: oklch(78% 0.13 20);
|
|
--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;
|
|
}
|