/* Cusps — Design Trends Kit · Palettes */
/* cusps.net · color values are free to use in any project */

/* Chrome · Airbrush — Branding / Logo */
:root{
  --chrome-1: #c9ccd1;
  --chrome-2: #8a8f98;
  --chrome-3: #e6d6ff;
  --chrome-4: #a6e3ff;
  --chrome-5: #2b2d33;
}

/* Wordmark Minimalism — Branding / Logo */
:root{
  --wordmark-1: #111111;
  --wordmark-2: #f5f5f3;
  --wordmark-3: #6b6b6b;
  --wordmark-4: #d8d8d4;
  --wordmark-5: #c8a24a;
}

/* Inflated 3D Type — Branding / Logo */
:root{
  --inflate-1: #ff5da2;
  --inflate-2: #ffd23f;
  --inflate-3: #4dd4ff;
  --inflate-4: #ffffff;
  --inflate-5: #1a1a2e;
}

/* Neo-Brutalism — Web / Landing */
:root{
  --brutal-1: #000000;
  --brutal-2: #ffffff;
  --brutal-3: #ff3b30;
  --brutal-4: #f2f2f2;
  --brutal-5: #1c1c1c;
}

/* Spatial Glass — Web / Landing */
:root{
  --glass-1: #0b1020;
  --glass-2: #6ea8ff;
  --glass-3: #b8c6ff;
  --glass-4: #e8f0ff;
  --glass-5: #9b7bff;
}

/* Big Type Minimalism — Web / Landing */
:root{
  --bigtype-1: #111111;
  --bigtype-2: #fafafa;
  --bigtype-3: #e5e5e5;
  --bigtype-4: #ff4d2e;
  --bigtype-5: #7a7a7a;
}

/* Mono Terminal — UI / Product */
:root{
  --mono-1: #0a0e0a;
  --mono-2: #d0ffd6;
  --mono-3: #33ff99;
  --mono-4: #16241a;
  --mono-5: #8a9a8a;
}

/* Neo-Skeuomorphism — UI / Product */
:root{
  --skeu-1: #e8e4dd;
  --skeu-2: #c9c2b6;
  --skeu-3: #ffffff;
  --skeu-4: #8a7f6d;
  --skeu-5: #3a352c;
}

/* Bento Grid — UI / Product */
:root{
  --bento-1: #f4f4f5;
  --bento-2: #ffffff;
  --bento-3: #6366f1;
  --bento-4: #f59e0b;
  --bento-5: #18181b;
}

/* Contrast Display Serif — Type / Layout */
:root{
  --serif-1: #1a1512;
  --serif-2: #f7f3ea;
  --serif-3: #b0623f;
  --serif-4: #8a8378;
  --serif-5: #d9cdbb;
}

/* Variable Font Motion — Type / Layout */
:root{
  --varfont-1: #0f0f14;
  --varfont-2: #ffffff;
  --varfont-3: #ff5e5b;
  --varfont-4: #00cecb;
  --varfont-5: #ffed66;
}

/* Hand-Lettering — Type / Layout */
:root{
  --handletter-1: #2b2620;
  --handletter-2: #f0e6d2;
  --handletter-3: #c65d3b;
  --handletter-4: #6b8e4e;
  --handletter-5: #e0b04a;
}

/* Acid / Hi-Vis — Color */
:root{
  --acid-1: #ccff00;
  --acid-2: #00ffa3;
  --acid-3: #ff00e5;
  --acid-4: #0a0a0a;
  --acid-5: #1f00ff;
}

/* Muted Earth — Color */
:root{
  --earth-1: #b0855b;
  --earth-2: #d9c4a3;
  --earth-3: #6f4e37;
  --earth-4: #8a9a5b;
  --earth-5: #e8ddca;
}

/* Pastel Gradient — Color */
:root{
  --pastel-1: #ffd1dc;
  --pastel-2: #cdeffd;
  --pastel-3: #e0d1ff;
  --pastel-4: #d1ffe0;
  --pastel-5: #fff5cc;
}

/* Risograph — Illustration / Print */
:root{
  --riso-1: #ff48b0;
  --riso-2: #0078bf;
  --riso-3: #ffe800;
  --riso-4: #00a95c;
  --riso-5: #1a1a1a;
}

/* Handmade Collage — Illustration / Print */
:root{
  --collage-1: #d94f30;
  --collage-2: #e8dcc0;
  --collage-3: #2e4a3f;
  --collage-4: #d9a441;
  --collage-5: #3a3a3a;
}

/* Claymorphism — Illustration / Print */
:root{
  --clay-1: #f4a6a0;
  --clay-2: #a6c9f4;
  --clay-3: #f4e1a6;
  --clay-4: #c3a6f4;
  --clay-5: #ffffff;
}

/* Tailwind CSS — Tools */
:root{
  --tailwind-1: #0ea5e9;
  --tailwind-2: #111827;
  --tailwind-3: #f8fafc;
  --tailwind-4: #38bdf8;
  --tailwind-5: #64748b;
}

/* Astro — Tools */
:root{
  --astro-1: #ff5d01;
  --astro-2: #17191e;
  --astro-3: #ffffff;
  --astro-4: #d946ef;
  --astro-5: #4f39fa;
}

/* AI Image & Design — Tools */
:root{
  --aigen-1: #7c3aed;
  --aigen-2: #ec4899;
  --aigen-3: #22d3ee;
  --aigen-4: #0f172a;
  --aigen-5: #f8fafc;
}

