2021-08-20 07:02:08 +00:00
|
|
|
/* Ocean scheme */
|
|
|
|
|
:root {
|
|
|
|
|
--color-neutral: #fff;
|
2021-12-24 23:53:46 +00:00
|
|
|
/* Gray */
|
2021-08-20 07:02:08 +00:00
|
|
|
--color-neutral-50: #f8fafc;
|
|
|
|
|
--color-neutral-100: #f1f5f9;
|
|
|
|
|
--color-neutral-200: #e2e8f0;
|
|
|
|
|
--color-neutral-300: #cbd5e1;
|
|
|
|
|
--color-neutral-400: #94a3b8;
|
|
|
|
|
--color-neutral-500: #64748b;
|
|
|
|
|
--color-neutral-600: #475569;
|
|
|
|
|
--color-neutral-700: #334155;
|
|
|
|
|
--color-neutral-800: #1e293b;
|
|
|
|
|
--color-neutral-900: #0f172a;
|
|
|
|
|
/* Blue */
|
|
|
|
|
--color-primary-50: #eff6ff;
|
|
|
|
|
--color-primary-100: #dbeafe;
|
|
|
|
|
--color-primary-200: #bfdbfe;
|
|
|
|
|
--color-primary-300: #93c5fd;
|
|
|
|
|
--color-primary-400: #60a5fa;
|
|
|
|
|
--color-primary-500: #3b82f6;
|
|
|
|
|
--color-primary-600: #2563eb;
|
|
|
|
|
--color-primary-700: #1d4ed8;
|
|
|
|
|
--color-primary-800: #1e40af;
|
|
|
|
|
--color-primary-900: #1e3a8a;
|
|
|
|
|
/* Cyan */
|
|
|
|
|
--color-secondary-50: #ecfeff;
|
|
|
|
|
--color-secondary-100: #cffafe;
|
|
|
|
|
--color-secondary-200: #a5f3fc;
|
|
|
|
|
--color-secondary-300: #67e8f9;
|
|
|
|
|
--color-secondary-400: #22d3ee;
|
|
|
|
|
--color-secondary-500: #06b6d4;
|
|
|
|
|
--color-secondary-600: #0891b2;
|
|
|
|
|
--color-secondary-700: #0e7490;
|
|
|
|
|
--color-secondary-800: #155e75;
|
|
|
|
|
--color-secondary-900: #164e63;
|
|
|
|
|
}
|
