/*
 * Perplexity — brand tokens
 * Generated by BrandSweets from the perplexity BrandDoc (v2, schema 1). Do not edit by hand.
 */

:root {
  /* Colors */
  --bs-color-primary: #20808d;
  --bs-color-primary-50: #e7f4f5;
  --bs-color-primary-100: #c4e5e8;
  --bs-color-primary-200: #93d0d5;
  --bs-color-primary-300: #5fb6bd;
  --bs-color-primary-400: #379aa3;
  --bs-color-primary-500: #248690;
  --bs-color-primary-600: #20808d;
  --bs-color-primary-700: #1a6670;
  --bs-color-primary-800: #17525a;
  --bs-color-primary-900: #15444b;
  --bs-color-primary-950: #0a262b;
  --bs-color-accent: #1fb8cd;
  --bs-color-accent-50: #e5fafd;
  --bs-color-accent-100: #c2f2f8;
  --bs-color-accent-200: #8ee6f0;
  --bs-color-accent-300: #54d5e4;
  --bs-color-accent-400: #1fb8cd;
  --bs-color-accent-500: #1799ab;
  --bs-color-accent-600: #137b8b;
  --bs-color-accent-700: #12626f;
  --bs-color-accent-800: #134f5a;
  --bs-color-accent-900: #13424b;
  --bs-color-accent-950: #082830;
  --bs-color-surface: #fbfaf4;
  --bs-color-surface-50: #fbfaf4;
  --bs-color-surface-100: #f3f1e7;
  --bs-color-surface-200: #e5e2d3;
  --bs-color-surface-300: #cfcbb8;
  --bs-color-surface-400: #a8a48f;
  --bs-color-surface-500: #7e7b68;
  --bs-color-surface-600: #5c5a4c;
  --bs-color-surface-700: #444339;
  --bs-color-surface-800: #2e2e28;
  --bs-color-surface-900: #1f1f1c;
  --bs-color-surface-950: #141413;
  --bs-color-text: #091717;
  --bs-color-text-50: #f2f4f4;
  --bs-color-text-100: #e0e5e5;
  --bs-color-text-200: #c1cbcb;
  --bs-color-text-300: #96a5a5;
  --bs-color-text-400: #697979;
  --bs-color-text-500: #4a5959;
  --bs-color-text-600: #374343;
  --bs-color-text-700: #293333;
  --bs-color-text-800: #1b2222;
  --bs-color-text-900: #101818;
  --bs-color-text-950: #091717;

  /* Typography */
  --bs-font-display: "FK Grotesk Neue", "Helvetica Neue", Arial, sans-serif;
  --bs-font-heading: "FK Grotesk Neue", "Helvetica Neue", Arial, sans-serif;
  --bs-font-body: "FK Grotesk Neue", "Helvetica Neue", Arial, sans-serif;
  --bs-font-mono: "Berkeley Mono", ui-monospace, SFMono-Regular, monospace;

  /* Radius */
  --bs-radius-full: 9999rem;
  --bs-radius-lg: 0.875rem;
  --bs-radius-md: 0.5rem;
  --bs-radius-sm: 0.25rem;

  /* Shadows */
  --bs-shadow-lg: 0 16px 48px rgba(9,23,23,0.12);
  --bs-shadow-sm: 0 1px 3px rgba(9,23,23,0.08);
}

[data-theme="dark"] {
  /* Colors (dark) */
  --bs-color-surface: #191a1a;
  --bs-color-text: #f3f1e7;
}