/* Generated from kythen-tokens v1.0.0. Do not edit directly. */
:root {

  /* Colors: backgrounds */
  --bg: #0A0A0E;
  --bg-gradient: radial-gradient(ellipse at 50% 0%, #11111A 0%, #07070A 60%);
  --surface: #15151C;
  --surface-raised: #1F1F28;
  --surface-hi: #2A2A35;

  /* Colors: borders */
  --border: #2E2E3A;
  --border-soft: #232330;

  /* Colors: text */
  --text-1: #F4F1EA;
  --text-2: #A4A2AC;
  --text-3: #807E8E;

  /* Colors: accent */
  --accent: #E6B47C;
  --accent-dim: rgba(230, 180, 124, 0.28);
  --accent-soft: rgba(230, 180, 124, 0.14);
  --accent-glow: rgba(230, 180, 124, 0.35);

  /* Colors: semantic */
  --verified: #8BB3DD;
  --verified-soft: rgba(139, 179, 221, 0.14);
  --success: #7FB685;
  --danger: #E28787;
  --warning: #E2B87C;

  /* Typography */
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 72px;
  --space-8: 112px;
  --space-9: 160px;

  /* Border radius */
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-flat: none;
  --shadow-raised: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-floating: 0 8px 24px -8px rgba(230, 180, 124, 0.4);
  --shadow-overlay: 0 30px 60px -20px rgba(0, 0, 0, 0.6);
  --shadow-glow-accent: 0 0 32px -6px rgba(230, 180, 124, 0.35);
  --shadow-glow-verified: 0 0 20px rgba(139, 179, 221, 0.4);

  /* Z-index */
  --z-base: 0;
  --z-raised: 1;
  --z-overlay: 3;
  --z-sticky: 5;
  --z-modal: 10;
  --z-toast: 15;
  --z-emergency: 20;

  /* Motion: durations */
  --duration-instant: 100ms;
  --duration-fast: 200ms;
  --duration-standard: 300ms;
  --duration-deliberate: 500ms;

  /* Motion: easings */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0.0, 1, 1);
  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1);
}
