67 lines
1.5 KiB
SCSS
67 lines
1.5 KiB
SCSS
// Font family
|
|
$font-inter: "Inter", Arial, sans-serif;
|
|
|
|
// Font weight
|
|
$font-regular: 400;
|
|
$font-medium: 500;
|
|
$font-semi-bold: 600;
|
|
|
|
// Colors
|
|
$color-white: #ffffff;
|
|
|
|
$color-primary-500: #0068e1;
|
|
$color-primary-600: #004fc8;
|
|
|
|
$color-slate-50: #f8fafc;
|
|
$color-slate-100: #f1f5f9;
|
|
$color-slate-200: #e2e8f0;
|
|
$color-slate-300: #cbd5e1;
|
|
$color-slate-400: #94a3b8;
|
|
$color-slate-500: #64748b;
|
|
$color-slate-600: #475569;
|
|
$color-slate-700: #334155;
|
|
$color-slate-800: #1e293b;
|
|
$color-slate-900: #0f172a;
|
|
$color-slate-950: #020617;
|
|
|
|
$color-gray-50: #f9fafb;
|
|
$color-gray-100: #f3f4f6;
|
|
$color-gray-200: #e5e7eb;
|
|
$color-gray-300: #d1d5db;
|
|
$color-gray-400: #9ca3af;
|
|
$color-gray-500: #6b7280;
|
|
$color-gray-600: #4b5563;
|
|
$color-gray-700: #374151;
|
|
$color-gray-800: #1f2937;
|
|
$color-gray-900: #111827;
|
|
$color-gray-950: #030712;
|
|
|
|
$color-green-50: #f0fdf4;
|
|
$color-green-100: #dcfce7;
|
|
$color-green-200: #bbf7d0;
|
|
$color-green-300: #86efac;
|
|
$color-green-400: #4ade80;
|
|
$color-green-500: #22c55e;
|
|
$color-green-600: #16a34a;
|
|
$color-green-700: #15803d;
|
|
$color-green-800: #166534;
|
|
$color-green-900: #14532d;
|
|
$color-green-950: #14532d;
|
|
|
|
$color-red-50: #fef2f2;
|
|
$color-red-100: #fee2e2;
|
|
$color-red-200: #fecaca;
|
|
$color-red-300: #fca5a5;
|
|
$color-red-400: #f87171;
|
|
$color-red-500: #ef4444;
|
|
$color-red-600: #dc2626;
|
|
$color-red-700: #b91c1c;
|
|
$color-red-800: #991b1b;
|
|
$color-red-900: #7f1d1d;
|
|
$color-red-950: #450a0a;
|
|
|
|
// Miscellaneous
|
|
$radius-default: 8px;
|
|
$radius-full: 50%;
|
|
$transition-default: 150ms ease-out;
|