/* Exact palette and gradients from TikChat Figma, inspected 2026-09-12. */
:root {
  color-scheme: dark;
  --surface: #010707;
  --ink: #dbe9de;
  --primary-950: #04140f;
  --primary-900: #0f2e23;
  --primary-800: #254c3b;
  --primary-700: #36604c;
  --primary-600: #49715d;
  --primary-500: #5f816f;
  --primary-400: #779483;
  --primary-300: #92a99b;
  --primary-200: #adbeb3;
  --primary-100: #c5d2c9;
  --primary-50: #d7e2da;
  --secondary-950: #030f1a;
  --secondary-900: #0c2232;
  --secondary-800: #173b50;
  --secondary-700: #284e66;
  --secondary-600: #3c6177;
  --secondary-500: #537488;
  --secondary-400: #6c8999;
  --secondary-300: #89a0ad;
  --secondary-200: #a6b8c1;
  --secondary-100: #c0ced5;
  --secondary-50: #d4dfe5;
  --accent-950: #310850;
  --accent-900: #732aa6;
  --accent-800: #c167f8;
  --accent-700: #c878f9;
  --accent-600: #d084fc;
  --accent-500: #d693fb;
  --accent-400: #dca3f9;
  --accent-300: #e4b2fb;
  --accent-200: #eac2fa;
  --accent-100: #eed2f7;
  --accent-50: #f1ddf7;
  --gradient-main: linear-gradient(180deg, var(--surface), var(--secondary-900));
  --gradient-blue: linear-gradient(180deg, var(--secondary-900), #106d6d);
  --gradient-green: linear-gradient(180deg, var(--primary-950), var(--primary-900));
  --gradient-button: linear-gradient(90deg, var(--secondary-900), var(--surface));
  --font-ui: 'Open Sans', system-ui, sans-serif;
  --radius-panel: 10px;
  --radius-button: 16px;
  --panel-glow: 0 0 27px rgb(255 255 255 / 26%);
}