/* AI Reality Check — Theme Variables
   CSS custom properties for the Google-inspired design system. */

:root {
  --primary-blue: #4285F4;
  --primary-red: #EA4335;
  --primary-yellow: #FBBC05;
  --primary-green: #34A853;
  --dark-blue: #1A73E8;
  --light-blue: #8AB4F8;
  --blue: #4285F4;
  --red: #EA4335;
  --yellow: #FBBC05;
  --green: #34A853;
  --neutral-dark: #202124;
  --neutral-medium: #5F6368;
  --neutral-light: #E8EAED;
  --dark-gray: #202124;
  --medium-gray: #5F6368;
  --light-gray: #E8EAED;
  --white: #FFFFFF;
  --blue-bg: #E8F0FE;
  --red-bg: #FCE8E6;
  --yellow-bg: #FEF9E7;
  --green-bg: #E6F4EA;
  --primary-bg: var(--white);
  --secondary-bg: var(--light-gray);
  --tertiary-bg: #F8F9FA;
  --primary-text: var(--dark-gray);
  --secondary-text: var(--medium-gray);
  --accent-color: var(--primary-blue);
  --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  --transition-speed: 0.25s;
  --border-radius: 8px;
  --header-height: 64px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary-bg: var(--dark-gray);
    --secondary-bg: #303134;
    --tertiary-bg: #404144;
    --primary-text: var(--white);
    --secondary-text: #BDC1C6;
    --accent-color: var(--light-blue);
    --neutral-light: #3C4043;
  }
}