/**
 * UnsaidTalks Design Tokens
 * Strictly defined CSS variables - No hardcoded hex values in components
 */
:root {
  /* --- Brand Colors --- */
  --orange: #E68C10;
  --orange-light: #F59E0B;
  --orange-dark: #C27208;
  --orange-glow: rgba(230, 140, 16, 0.35);
  --orange-glow-sm: rgba(230, 140, 16, 0.18);
  --orange-soft-bg: rgba(230, 140, 16, 0.08);

  --offwhite: #FFFEF7;
  --dark: #020101;
  --navy: #1B2430;
  --deep: #12171F;
  --white: #FFFFFF;

  --grey-lt: #EBEBF0;
  --grey-dk: #21272A;
  --grey-muted: #64748B;
  --grey-subtle: rgba(255, 254, 247, 0.65);
  --grey-faint: rgba(255, 254, 247, 0.4);

  /* --- Borders & Surfaces --- */
  --border-subtle: rgba(255, 254, 247, 0.08);
  --border-card: rgba(255, 254, 247, 0.1);
  --border-card-hover: rgba(230, 140, 16, 0.5);
  --border-focus: var(--orange);

  --surface-card: rgba(255, 254, 247, 0.02);
  --surface-card-hover: linear-gradient(160deg, rgba(230, 140, 16, 0.09), rgba(255, 254, 247, 0.02));
  --surface-input: rgba(255, 254, 247, 0.05);

  /* --- Status Colors --- */
  --danger: #EF4444;
  --danger-bg: rgba(239, 68, 68, 0.12);
  --success: #10B981;
  --success-bg: rgba(16, 185, 129, 0.12);
  --blue-accent: #7FB8FF;
  --blue-soft-bg: rgba(127, 184, 255, 0.1);

  /* --- Typography --- */
  --font-heading: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* --- Radii --- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-2xl: 28px;
  --radius-full: 9999px;

  /* --- Transitions --- */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-smooth: 400ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 800ms cubic-bezier(0.16, 1, 0.3, 1);
}