43 lines
1.2 KiB
CSS
43 lines
1.2 KiB
CSS
@import 'tailwindcss';
|
|
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
|
|
@import '@toolwind/anchors';
|
|
|
|
@source '../../internal/**/*.templ';
|
|
|
|
:root {
|
|
--bg: #fafaf9;
|
|
--panel: #f5f5f4;
|
|
--panel-soft: #e7e5e4;
|
|
--header: #ffffff;
|
|
--text: #1c1917;
|
|
--text-muted: #57534e;
|
|
--text-faint: #a8a29e;
|
|
--accent: #0c0a09;
|
|
--danger: #dc2626;
|
|
--surface-search: #f5f5f4;
|
|
--surface-search-focus-border: rgba(12, 10, 9, 0.12);
|
|
--surface-thumb: #e7e5e4;
|
|
--surface-input: #ffffff;
|
|
--surface-input-focus: #ffffff;
|
|
--surface-tab-hover: #e7e5e4;
|
|
--surface-tab-active: #1c1917;
|
|
--text-tab-active: #fafaf9;
|
|
--surface-select: #ffffff;
|
|
--surface-search-view-all: #f5f5f4;
|
|
--text-on-accent: #fafaf9;
|
|
--overlay-subtle: rgba(0, 0, 0, 0.04);
|
|
--shadow-subtle: 0 1px 2px rgba(0, 0, 0, 0.04);
|
|
--shadow-card: 0 4px 12px rgba(0, 0, 0, 0.08);
|
|
--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.12);
|
|
--space-1: 0.25rem;
|
|
--space-2: 0.5rem;
|
|
--space-3: 0.75rem;
|
|
--space-4: 1rem;
|
|
--space-5: 1.25rem;
|
|
--space-6: 1.5rem;
|
|
--space-8: 2rem;
|
|
--poster-max-height: 360px;
|
|
--font: 'DM Sans', 'Segoe UI', system-ui, sans-serif;
|
|
--radius: 6px;
|
|
}
|