/* =================================================================
   Aware Design — Paradigm Site Color Palette (Light Theme)
   www.awaredesign.com

   Light backgrounds for long-form reading. Deep blue accent tuned
   for contrast on white. Shadows softened for light surfaces.
   ================================================================= */

:root {
  /* Backgrounds — warm white with subtle depth */
  --bg-base: #fafafa;
  --bg-surface: #ffffff;
  --bg-elevated: #f5f5f8;
  --bg-overlay: #eeeef2;
  --bg-input: #ffffff;

  /* Text — dark with clear hierarchy */
  --text-primary: #1a1a2e;
  --text-secondary: #4a4a68;
  --text-tertiary: #7a7a98;
  --text-muted: #a0a0b8;
  --text-inverse: #f0f0f5;

  /* Accent — deep blue for light backgrounds */
  --accent: #3a6be8;
  --accent-hover: #2a5ad4;
  --accent-subtle: rgba(58, 107, 232, 0.08);
  --accent-glow: rgba(58, 107, 232, 0.12);

  /* Score grades — same scale, readable on light */
  --grade-a: #1ba54d;
  --grade-a-bg: rgba(27, 165, 77, 0.08);
  --grade-b: #3a8fd4;
  --grade-b-bg: rgba(58, 143, 212, 0.08);
  --grade-c: #d4960a;
  --grade-c-bg: rgba(212, 150, 10, 0.08);
  --grade-d: #d47a1a;
  --grade-d-bg: rgba(212, 122, 26, 0.08);
  --grade-f: #d43a3a;
  --grade-f-bg: rgba(212, 58, 58, 0.08);

  /* Severity */
  --severity-critical: #d43a3a;
  --severity-warning: #d4960a;
  --severity-opportunity: #3a8fd4;
  --severity-info: #7a7a98;

  /* Borders — visible on light surfaces */
  --border-subtle: rgba(0, 0, 0, 0.06);
  --border-default: rgba(0, 0, 0, 0.10);
  --border-strong: rgba(0, 0, 0, 0.18);
  --border-accent: rgba(58, 107, 232, 0.30);

  /* Shadows — softer for light theme */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
  --shadow-glow: 0 0 40px rgba(58, 107, 232, 0.08);
  --shadow-glow-strong: 0 0 60px rgba(58, 107, 232, 0.15);
}