/* Design tokens: colours, shadows and theme overrides. Edit here to re-skin. */

:root {
  --primary-blue: #1a73e8;
  --primary-blue-dark: #1557b0;
  --secondary-blue: #4285f4;
  --accent-green: #34a853;
  --accent-yellow: #fbbc04;
  --accent-red: #ea4335;
  --text-primary: #202124;
  --text-secondary: #5f6368;
  --text-muted: #9aa0a6;
  --surface-primary: #ffffff;
  --surface-secondary: #f8f9fa;
  --surface-tertiary: #e8eaed;
  --border-light: #dadce0;
  --border-medium: #c4c7c5;
  --shadow-light: rgba(60, 64, 67, 0.1);
  --shadow-medium: rgba(60, 64, 67, 0.15);
  --shadow-heavy: rgba(60, 64, 67, 0.3);

  --font-display: "Google Sans", "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Google Sans", "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 24px;
}

[data-theme="dark"] {
  --primary-blue: #8ab4f8;
  --primary-blue-dark: #669df6;
  --secondary-blue: #8ab4f8;
  --accent-green: #81c995;
  --accent-yellow: #fdd663;
  --accent-red: #f28b82;
  --text-primary: #e8eaed;
  --text-secondary: #9aa0a6;
  --text-muted: #5f6368;
  --surface-primary: #202124;
  --surface-secondary: #303134;
  --surface-tertiary: #3c4043;
  --border-light: #5f6368;
  --border-medium: #9aa0a6;
  --shadow-light: rgba(0, 0, 0, 0.2);
  --shadow-medium: rgba(0, 0, 0, 0.3);
  --shadow-heavy: rgba(0, 0, 0, 0.5);
}