wehub-resource-sync
070959e133
landing-page-staging / Deploy landing page to staging (push) Has been skipped
landing-page-ci / Validate landing page (push) Failing after 4s
visual-baseline / Capture visual baselines (push) Has been cancelled
bake-plugin-previews / Bake plugin previews (push) Has been cancelled
64 lines
2.2 KiB
CSS
64 lines
2.2 KiB
CSS
/* Derived from tokens.css. Keep tokens.css as the source of truth. */
|
|
@import "tailwindcss";
|
|
@import "./tokens.css";
|
|
|
|
@theme {
|
|
--color-bg: var(--bg);
|
|
--color-surface: var(--surface);
|
|
--color-surface-warm: var(--surface-warm);
|
|
--color-fg: var(--fg);
|
|
--color-fg-2: var(--fg-2);
|
|
--color-muted: var(--muted);
|
|
--color-meta: var(--meta);
|
|
--color-border: var(--border);
|
|
--color-border-soft: var(--border-soft);
|
|
--color-accent: var(--accent);
|
|
--color-accent-on: var(--accent-on);
|
|
--color-accent-hover: var(--accent-hover);
|
|
--color-accent-active: var(--accent-active);
|
|
--color-success: var(--success);
|
|
--color-warn: var(--warn);
|
|
--color-danger: var(--danger);
|
|
--font-display: var(--font-display);
|
|
--font-body: var(--font-body);
|
|
--font-sans: var(--font-body);
|
|
--font-mono: var(--font-mono);
|
|
--text-xs: var(--text-xs);
|
|
--text-sm: var(--text-sm);
|
|
--text-base: var(--text-base);
|
|
--text-lg: var(--text-lg);
|
|
--text-xl: var(--text-xl);
|
|
--text-2xl: var(--text-2xl);
|
|
--text-3xl: var(--text-3xl);
|
|
--text-4xl: var(--text-4xl);
|
|
--leading-body: var(--leading-body);
|
|
--leading-tight: var(--leading-tight);
|
|
--tracking-display: var(--tracking-display);
|
|
--spacing-1: var(--space-1);
|
|
--spacing-2: var(--space-2);
|
|
--spacing-3: var(--space-3);
|
|
--spacing-4: var(--space-4);
|
|
--spacing-5: var(--space-5);
|
|
--spacing-6: var(--space-6);
|
|
--spacing-8: var(--space-8);
|
|
--spacing-12: var(--space-12);
|
|
--spacing-section-desktop: var(--section-y-desktop);
|
|
--spacing-section-tablet: var(--section-y-tablet);
|
|
--spacing-section-phone: var(--section-y-phone);
|
|
--radius-sm: var(--radius-sm);
|
|
--radius-md: var(--radius-md);
|
|
--radius-lg: var(--radius-lg);
|
|
--radius-pill: var(--radius-pill);
|
|
--shadow-flat: var(--elev-flat);
|
|
--shadow-ring: var(--elev-ring);
|
|
--shadow-raised: var(--elev-raised);
|
|
--shadow-focus-ring: var(--focus-ring);
|
|
--duration-fast: var(--motion-fast);
|
|
--duration-base: var(--motion-base);
|
|
--ease-standard: var(--ease-standard);
|
|
--container-max: var(--container-max);
|
|
--spacing-container-desktop: var(--container-gutter-desktop);
|
|
--spacing-container-tablet: var(--container-gutter-tablet);
|
|
--spacing-container-phone: var(--container-gutter-phone);
|
|
}
|