/**
 * Generated from Sentry — DESIGN.md
 * https://www.webdesignhot.com/design.md/
 */
:root {
  /* role tokens (resolved) */
  --bg: #1f1633;
  --surface: #181225;
  --surface-alt: #181225;
  --text: #ffffff;
  --text-dim: #ffffff;
  --text-faint: #6e6a82;
  --brand: #7553ff;
  --on-brand: #ffffff;
  --border: rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.16);
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;

  /* full color palette */
  --color-bg: #1f1633;
  --color-bg-deep: #150f23;
  --color-bg-soft: #0f0c1a;
  --color-bg-elevated: #2b1b3d;
  --color-surface: #181225;
  --color-surface-deep: #362d59;
  --color-surface-violet: #36265c;
  --color-text: #ffffff;
  --color-text-muted: #c8c5d8;
  --color-text-soft: #9b97ad;
  --color-text-faint: #6e6a82;
  --color-text-on-brand: #ffffff;
  --color-text-on-cta: #1a1a1a;
  --color-text-on-light: #1f1633;
  --color-code-yellow: #dcdcaa;
  --color-brand: #7553ff;
  --color-brand-hover: #6240e8;
  --color-brand-active: #5230d4;
  --color-brand-deep: #422082;
  --color-brand-soft: #36265c;
  --color-brand-mid: #6a5fc1;
  --color-brand-muted: #79628c;
  --color-accent-pink: #ff70bc;
  --color-accent-coral: #ffb287;
  --color-accent-fuchsia: #fa7faa;
  --color-accent-yellow: #fdb81b;
  --color-accent-blue: #63b3ed;
  --color-accent-lime: #c2ef4e;
  --color-cta-bg: #efefef;
  --color-cta-fg: #1a1a1a;
  --color-cta-bg-hover: #ffffff;
  --color-cta-border: transparent;
  --color-border: rgba(255,255,255,0.08);
  --color-border-soft: rgba(255,255,255,0.04);
  --color-border-strong: rgba(255,255,255,0.16);
  --color-border-violet: #584674;
  --color-border-light-input: #cfcfdb;
  --color-glass-white: rgba(255,255,255,0.18);
  --color-glass-violet: rgba(54,22,107,0.14);
  --color-input-white: #ffffff;
  --color-on-brand: #ffffff;
  --color-on-cta: #1a1a1a;
  --color-semantic-success: #c2ef4e;
  --color-semantic-warning: #fdb81b;
  --color-semantic-danger: #ff70bc;
  --color-semantic-info: #7553ff;

  /* type */
  --display-size: 88px;
  --h1-size: 56px;
  --h2-size: 44px;
  --body-size: 16px;
  --label-size: 15px;
  --body-line-height: 1.6;
  --display-tracking: normal;

  /* shape */
  --radius-button: 8px;
  --radius-card: 16px;
  --radius-pill: 9999px;

  /* spacing */
  --space-xs: 2px;
  --space-sm: 4px;
  --space-md: 12px;
  --space-lg: 32px;
  --space-xl: 48px;

  /* fonts */
  --font-display: 'Dammit Sans', ui-sans-serif, system-ui, sans-serif;
  --font-body:    'Rubik', ui-sans-serif, system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;
}