31 lines
832 B
CSS
31 lines
832 B
CSS
@import 'tailwindcss';
|
|
|
|
@theme {
|
|
--color-brand-50: #f0fdfa;
|
|
--color-brand-100: #ccfbf1;
|
|
--color-brand-200: #99f6e4;
|
|
--color-brand-300: #5eead4;
|
|
--color-brand-400: #2dd4bf;
|
|
--color-brand-500: #14b8a6;
|
|
--color-brand-600: #0d9488;
|
|
--color-brand-700: #0f766e;
|
|
--color-brand-800: #115e59;
|
|
--color-brand-900: #134e4a;
|
|
--color-brand-950: #042f2e;
|
|
|
|
--color-surface-50: #f8fafc;
|
|
--color-surface-100: #f1f5f9;
|
|
--color-surface-200: #e2e8f0;
|
|
--color-surface-300: #cbd5e1;
|
|
--color-surface-400: #94a3b8;
|
|
--color-surface-500: #64748b;
|
|
--color-surface-600: #475569;
|
|
--color-surface-700: #334155;
|
|
--color-surface-800: #1e293b;
|
|
--color-surface-900: #0f172a;
|
|
|
|
--font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
|
}
|
|
|
|
*:focus-visible { outline: 2px solid var(--color-brand-500); outline-offset: 2px; }
|