71 lines
2.9 KiB
CSS
71 lines
2.9 KiB
CSS
|
:root {
|
||
|
|
/* ==========================================================================
|
||
|
|
Clean Design Tokens — deduplicated from https://mobilizon.fr
|
||
|
|
Generated: 2026-05-25
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
/* ── Colors ── */
|
||
|
|
/* lch(26.89% 4.56 291.08) | oklch(37.03% 0.012 285.84) */
|
||
|
|
--color-neutral-100: #3f3f46;
|
||
|
|
/* replaces: --cssVar-oruga-warning-invert, --cssVar-oruga-black */
|
||
|
|
/* lch(0.00% 0.00 0.00) | oklch(0.00% 0.000 0.00) */
|
||
|
|
--color-neutral-100-2: #000;
|
||
|
|
/* lch(91.60% 2.17 271.44) | oklch(92.76% 0.006 264.60) */
|
||
|
|
--color-brand-mercury: #e5e7eb;
|
||
|
|
/* lch(26.21% 35.95 299.35) | oklch(37.09% 0.092 285.12) */
|
||
|
|
--color-brand-astronaut: #3c376e;
|
||
|
|
/* replaces: --cssVar-oruga-primary, --cssVar-oruga-variant-primary, --cssVar-oruga-radio-active-background-color, --cssVar-oruga-switch-checked-background */
|
||
|
|
/* lch(48.48% 27.74 231.24) | oklch(54.88% 0.092 221.11) */
|
||
|
|
--color-action-jelly-bean: #1e7d97;
|
||
|
|
/* lch(87.56% 35.81 78.98) | oklch(89.53% 0.090 76.06) */
|
||
|
|
--color-accent-cherokee: #ffd599;
|
||
|
|
/* lch(64.13% 57.61 26.24) | oklch(71.06% 0.166 22.22) */
|
||
|
|
--color-accent-sunglo: #f87171;
|
||
|
|
|
||
|
|
/* ── Typography ── */
|
||
|
|
/* replaces: --cssVar-oruga-base-font-weight */
|
||
|
|
--typography-fontWeight-regular: 400;
|
||
|
|
--typography-fontWeight-medium: 500;
|
||
|
|
--typography-fontWeight-semibold: 600;
|
||
|
|
--typography-fontWeight-bold: 700;
|
||
|
|
--typography-fontWeight-extrabold: 800;
|
||
|
|
/* replaces: --cssVar-oruga-base-font-family */
|
||
|
|
--typography-fontFamily-primary: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif;
|
||
|
|
/* replaces: --typography-lineHeight-5 */
|
||
|
|
--typography-fontSize-display: 48px;
|
||
|
|
/* replaces: --typography-lineHeight-1 */
|
||
|
|
--typography-fontSize-h1: 24px;
|
||
|
|
--typography-fontSize-h2: 20px;
|
||
|
|
--typography-fontSize-h3: 18px;
|
||
|
|
/* replaces: --typography-lineHeight-0, --spacing-4 */
|
||
|
|
--typography-fontSize-h4: 16px;
|
||
|
|
/* replaces: --spacing-3 */
|
||
|
|
--typography-fontSize-h5: 12px;
|
||
|
|
--typography-lineHeight-2: 28px;
|
||
|
|
/* replaces: --spacing-5 */
|
||
|
|
--typography-lineHeight-3: 32px;
|
||
|
|
--typography-lineHeight-4: 36px;
|
||
|
|
|
||
|
|
/* ── Spacing ── */
|
||
|
|
/* replaces: --borderRadius-sm, --cssVar-oruga-base-border-radius */
|
||
|
|
--spacing-1: 4px;
|
||
|
|
/* replaces: --borderRadius-md */
|
||
|
|
--spacing-2: 8px;
|
||
|
|
--spacing-6: 40px;
|
||
|
|
--spacing-7: 64px;
|
||
|
|
--spacing-8: 72px;
|
||
|
|
--spacing-9: 80px;
|
||
|
|
|
||
|
|
/* ── Border Radius ── */
|
||
|
|
--borderRadius-none: 0;
|
||
|
|
--borderRadius-lg: 8px 0 0 8px;
|
||
|
|
/* replaces: --cssVar-oruga-base-border-radius-rounded */
|
||
|
|
--borderRadius-full: 9999px;
|
||
|
|
|
||
|
|
/* ── Shadows ── */
|
||
|
|
--shadow-xs: rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 10%) 0 2px 4px -2px;
|
||
|
|
--shadow-sm: rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 0%) 0 0 0 0, rgb(0 0 0 / 0%) 0 0 0 0;
|
||
|
|
--shadow-md: rgb(0 0 0 / 20%) 0 0 12px 0;
|
||
|
|
|
||
|
|
}
|