/* Shared Color Scheme */

/* Typography + Light theme */
:root {
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'DM Sans', ui-monospace, monospace;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --leading-tight: 1.25;
  --leading-normal: 1.4;
  --leading-relaxed: 1.5;
  --tracking-tight: -0.01em;
  --tracking-wide: 0.05em;
  --bg-color: #f5f5f5;
  --text-color: #2d2d2d;
  --input-bg: #ffffff;
  --input-border: #e0e0e0;
  --button-bg: #ffffff;
  --button-hover: #eeeeee;
  --button-text: #2d2d2d;
  --accent: #ff8c00;
  --accent-text: #ffffff;
  --accent-hover: #ff9f1a;
  --highlight-tag: #fff3e6;
  --highlight-tag-border: #ffe4cc;
  --danger: #ef4444;
  --success: #22c55e;
  --shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.06);
  --border-radius: 12px;
  --section-bg: #ffffff;
  --panel-bg: #ffffff;
  --switch-bg: #e0e0e0;
  --checkbox-accent: #ff8c00;
  --checkbox-border: #d0d0d0;
  --focus-ring: 0 0 0 3px rgba(255, 140, 0, 0.25);
  --footer-text: #6b6b6b;
  --tab-active-bg: #e8e8e8;
  --tab-inactive-color: #6b6b6b;
}

/* Dark theme */
html.dark,
body.dark {
  --bg-color: #0d0d0d;
  --text-color: #f0f0f0;
  --input-bg: #171717;
  --input-border: #2a2a2a;
  --button-bg: #171717;
  --button-hover: #222222;
  --button-text: #f0f0f0;
  --accent: #ff8c00;
  --accent-text: #ffffff;
  --accent-hover: #ff9f1a;
  --highlight-tag: #171717;
  --highlight-tag-border: #2a2a2a;
  --danger: #f87171;
  --success: #22c55e;
  --shadow: 0 10px 22px rgba(0, 0, 0, 0.6);
  --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.5);
  --section-bg: #121212;
  --panel-bg: #121212;
  --switch-bg: #2a2a2a;
  --checkbox-accent: #ff8c00;
  --checkbox-border: #333333;
  --focus-ring: 0 0 0 3px rgba(255, 140, 0, 0.3);
  --footer-text: #8a8a8a;
  --tab-active-bg: #2b2b2b;
  --tab-inactive-color: #adadad;
}
