:root {
  /* ── Backgrounds ── */
  --color-bg:           #FFFFFF;
  --color-surface:      #F5F6FA;
  --color-surface-alt:  #EEF0F8;
  --color-border:       #E2E4EE;
  --color-border-light: #ECEEF5;

  /* ── Text ── */
  --color-text-primary: #0D1020;
  --color-text-muted:   #6B7280;
  --color-text-inverse: #FFFFFF;

  /* ── Primary Blue (Glean-inspired) ── */
  --color-primary:       #1F3CF5;
  --color-primary-hover: #1530D8;
  --color-primary-light: rgba(31, 60, 245, 0.08);
  --color-primary-mid:   rgba(31, 60, 245, 0.15);

  /* ── Gold Accent (Falcon brand identity) ── */
  --color-accent:      #C8A96E;
  --color-accent-dim:  #8A7248;

  /* ── System ── */
  --color-danger:      #DC2626;

  /* ── Shadows ── */
  --shadow-sm:  0 1px 3px rgba(13, 16, 32, 0.06), 0 1px 2px rgba(13, 16, 32, 0.04);
  --shadow-md:  0 4px 12px rgba(13, 16, 32, 0.08), 0 2px 4px rgba(13, 16, 32, 0.04);
  --shadow-lg:  0 12px 32px rgba(13, 16, 32, 0.10), 0 4px 8px rgba(13, 16, 32, 0.06);

  /* ── Gradients ── */
  --gradient-primary: linear-gradient(135deg, #1F3CF5 0%, #4A65FF 100%);
  --gradient-accent:  linear-gradient(135deg, #C8A96E 0%, #8A7248 100%);
  --gradient-hero:    linear-gradient(160deg, #EEF1FF 0%, #FFFFFF 55%);
  --gradient-surface: linear-gradient(180deg, #F5F6FA 0%, #FFFFFF 100%);
}