/* GetNetwork — Color Tokens */
:root {
  /* ── Brand Purple ───────────────────────────────── */
  --color-brand-100: #EAE6FD;
  --color-brand-200: #C9BFFB;
  --color-brand-300: #A590F7;
  --color-brand-400: #8B6EF4;
  --color-brand-500: #7B5CF5;   /* Primary brand */
  --color-brand-600: #6347E8;
  --color-brand-700: #4D34C4;
  --color-brand-800: #3822A0;
  --color-brand-900: #241372;

  /* ── Gradients ──────────────────────────────────── */
  --gradient-brand: linear-gradient(135deg, #4266F5 0%, #7B55F5 50%, #C050D5 100%); /* @kind color */
  --gradient-onboarding: linear-gradient(160deg, #3B60F5 0%, #7855F5 55%, #C850D8 100%); /* @kind color */
  --gradient-hero: linear-gradient(135deg, #6578F5 0%, #9155F5 55%, #D068CA 100%); /* @kind color */
  --gradient-logo: linear-gradient(145deg, #9580F8 0%, #6347F0 100%); /* @kind color */

  /* ── Temperature / Priority ─────────────────────── */
  --color-hot: #E53A3A;
  --color-hot-muted: #3D0F0F;
  --color-hot-badge-bg: #C02020;
  --color-warm: #D97020;
  --color-warm-muted: #2E1600;
  --color-warm-badge-bg: #B85800;
  --color-cold: #3B7DF5;
  --color-cold-muted: #0A1840;
  --color-cold-badge-bg: #1A48C0;

  /* ── Semantic ───────────────────────────────────── */
  --color-premium: #F0C030;
  --color-premium-muted: #2A2000;
  --color-success: #22C55E;
  --color-success-muted: #052814;
  --color-error: #EF4444;
  --color-error-muted: #2A0808;
  --color-warning: #F59E0B;
  --color-warning-muted: #221500;
  --color-info: #6B80F5;

  /* ── Surfaces / Backgrounds ─────────────────────── */
  --color-bg-base: #080810;       /* Main app background */
  --color-bg-card: #1A1A25;       /* Card surface */
  --color-bg-elevated: #222232;   /* Elevated card / modal */
  --color-bg-input: #1C1C28;      /* Input / search */
  --color-bg-overlay: rgba(8, 8, 16, 0.85);
  --color-bg-glass: rgba(255, 255, 255, 0.07);
  --color-bg-logo: #0D0B1E;       /* Logo dark navy background */

  /* ── Text ───────────────────────────────────────── */
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #9898B0;
  --color-text-tertiary: #56566A;
  --color-text-link: #6B80F5;
  --color-text-destructive: #EF4444;
  --color-text-section: #64647A;   /* Section header labels */
  --color-text-placeholder: #44445A;

  /* ── Borders / Dividers ─────────────────────────── */
  --color-border-subtle: rgba(255, 255, 255, 0.06);
  --color-border-default: rgba(255, 255, 255, 0.10);
  --color-border-strong: rgba(255, 255, 255, 0.18);
  --color-border-brand: rgba(123, 92, 245, 0.40);
  --color-divider: rgba(255, 255, 255, 0.07);
}