/* CoLab Haus Design System — Dark Prismatic Theme */

:root {
  /* ─── Core Neutrals ─── */
  --ch-black: #0A0A0C;
  --ch-gray-100: #EEEDF0;
  --ch-gray-200: #E0DFE3;
  --ch-gray-300: #C8C7CC;
  --ch-gray-400: #9898A0;
  --ch-gray-500: #6E6E78;
  --ch-gray-600: #48484F;
  --ch-gray-700: #2D2D33;
  --ch-gray-800: #1A1A1F;
  --ch-white: #FFFFFF;
  --ch-white-warm: #FCFBFA;
  --ch-white-cool: #F8F8FA;
  --ch-white-pearl: #F4F2F6;

  /* ─── Dark Surfaces ─── */
  --ch-surface: #141418;
  --ch-surface-elevated: #1C1C22;
  --ch-surface-subtle: #24242C;

  /* ─── Prism Pastels (low-opacity surface shifts) ─── */
  --ch-prism-rose: #F2D1D9;
  --ch-prism-peach: #F5DDD1;
  --ch-prism-lavender: #DDD1F5;
  --ch-prism-periwinkle: #D1D9F5;
  --ch-prism-sky: #D1EDF5;
  --ch-prism-mint: #D1F5E8;
  --ch-prism-pearl: #F0EDF5;

  /* ─── Prism Vivids (tiny accents ONLY: buttons, thin lines, text) ─── */
  --ch-prism-vivid-rose: #E8A0B4;
  --ch-prism-vivid-blue: #A0B8E8;
  --ch-prism-vivid-violet: #C4A0E8;
  --ch-prism-vivid-mint: #A0E8CC;
  --ch-prism-vivid-peach: #E8BCA0;

  /* ─── Gradient System ─── */

  /* Prism White — THE signature gradient (Samsung Prism White effect) */
  --ch-gradient-prism-white: linear-gradient(135deg,
    #FFFFFF 0%, #EDE0F5 10%, #E0ECF8 22%, #E0F5EC 35%,
    #F8F5E0 48%, #F5E0EC 60%, #E8E0F8 72%, #E0F0F8 85%, #FFFFFF 100%);

  /* Prism Vivid — for small accent elements (buttons, lines, text) */
  --ch-gradient-prism-vivid: linear-gradient(135deg,
    var(--ch-prism-vivid-rose), var(--ch-prism-vivid-peach),
    var(--ch-prism-vivid-mint), var(--ch-prism-vivid-blue),
    var(--ch-prism-vivid-violet), var(--ch-prism-vivid-rose));

  /* Prism Glass — frosted glass with iridescent tint */
  --ch-gradient-prism-glass: linear-gradient(135deg,
    rgba(244, 238, 248, 0.6), rgba(238, 242, 250, 0.4),
    rgba(240, 250, 246, 0.5), rgba(250, 240, 244, 0.4),
    rgba(240, 238, 250, 0.6));

  /* ─── Typography ─── */
  --ch-font-display: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --ch-font-body: 'DM Sans', -apple-system, sans-serif;

  /* Font Sizes — Fluid */
  --ch-text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
  --ch-text-sm: clamp(0.8125rem, 0.75rem + 0.3vw, 0.9375rem);
  --ch-text-base: clamp(0.9375rem, 0.875rem + 0.3vw, 1.0625rem);
  --ch-text-lg: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --ch-text-xl: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --ch-text-2xl: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
  --ch-text-3xl: clamp(1.875rem, 1.5rem + 1.5vw, 2.75rem);
  --ch-text-4xl: clamp(2.25rem, 1.75rem + 2vw, 3.5rem);
  --ch-text-5xl: clamp(2.75rem, 2rem + 3vw, 4.5rem);

  /* ─── Spacing ─── */
  --ch-space-xs: 0.25rem;
  --ch-space-sm: 0.5rem;
  --ch-space-md: 1rem;
  --ch-space-lg: 1.5rem;
  --ch-space-xl: 2rem;
  --ch-space-2xl: 3rem;
  --ch-space-3xl: 4rem;
  --ch-space-4xl: 6rem;
  --ch-space-5xl: 8rem;

  /* ─── Border Radius ─── */
  --ch-radius-sm: 0.375rem;
  --ch-radius-md: 0.5rem;
  --ch-radius-lg: 1rem;
  --ch-radius-xl: 1.5rem;
  --ch-radius-full: 9999px;

  /* ─── Shadows ─── */
  --ch-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --ch-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --ch-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
  --ch-shadow-prism: 0 4px 20px rgba(200, 180, 220, 0.2);
  --ch-shadow-prism-strong: 0 4px 20px rgba(200, 180, 220, 0.4);

  /* ─── Transitions ─── */
  --ch-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ch-duration: 300ms;
  --ch-duration-slow: 500ms;

  /* ─── Layout ─── */
  --ch-max-width: 1280px;
  --ch-max-width-narrow: 960px;
  --ch-nav-height: 72px;
}