/* ===== Syntaxiom Shared CSS Variables (Sage Palette) ===== */
:root {
  /* Sage palette — matches Flutter app_theme.dart */
  --primary: #62B85E;
  --primary-dark: #4C9948;
  --primary-medium: #4A9446;
  --primary-light: #88CF85;
  --lime: #B8E0B5;
  --pale-green: #D8EBD7;
  --mint-surface: #F3F8F2;
  --warm-accent: #FFB74D;
  --warm-accent-light: #FFE0B2;
  --success-green: #66BB6A;
  --error-red: #E57373;
  --warning-amber: #FFB74D;
  --surface-white: #F9F9F6;
  --text-dark: #2A4A28;
  --text-muted: #3A3A3A;
  --dark-surface: #132013;
  --dark-card: #1C2E1B;
  --dark-app-bar: #0B150B;

  /* Aliases for generic use */
  --bg: var(--surface-white);
  --bg-card: #FFFFFF;
  --border: #D8EBD7;
  --text: var(--text-dark);
  --shadow: 0 2px 8px rgba(74, 148, 70, 0.12);
  --radius: 16px;
  --radius-sm: 12px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: var(--dark-surface);
    --bg-card: var(--dark-card);
    --border: #2A3F28;
    --text: #FFFFFF;
    --text-muted: rgba(255,255,255,0.6);
    --shadow: 0 2px 8px rgba(0,0,0,0.3);
  }
}