28 lines
1.1 KiB
CSS
28 lines
1.1 KiB
CSS
/* ============================================================
|
|
ChicoryTV — Radius, elevation, motion tokens
|
|
Tight radii, low-contrast shadows on dark, quick easings.
|
|
============================================================ */
|
|
:root {
|
|
/* Corner radii — restrained, app-like */
|
|
--radius-xs: 3px; /* chips, tags, badges */
|
|
--radius-sm: 5px; /* buttons, inputs */
|
|
--radius-md: 7px; /* cards, rows, menus */
|
|
--radius-lg: 10px; /* dialogs, large panels */
|
|
--radius-pill: 999px;
|
|
|
|
/* Elevation — dark surfaces lean on border + subtle shadow, not glow */
|
|
--shadow-none: none;
|
|
--shadow-sm: 0 1px 2px rgba(0,0,0,0.40);
|
|
--shadow-md: 0 4px 12px rgba(0,0,0,0.45);
|
|
--shadow-lg: 0 16px 40px rgba(0,0,0,0.55);
|
|
--shadow-pop: 0 8px 28px rgba(0,0,0,0.55); /* popovers, menus */
|
|
--ring-focus: 0 0 0 3px var(--focus-ring); /* focus outline */
|
|
|
|
/* Motion */
|
|
--ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
|
|
--ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
|
|
--dur-fast: 90ms; /* @kind other */
|
|
--dur-base: 140ms; /* @kind other */
|
|
--dur-slow: 220ms; /* @kind other */
|
|
}
|