/*
 * Material Design 3 token set for Local Tradies.
 * Generated from seed #1d6b42 (tonal spot). navigation.htm already consumed
 * --md-sys-* names that were never defined; this file is their source of truth.
 * The --rt-* names below are aliases kept so existing styles keep working.
 */
:root {
  /* Primary */
  --md-sys-color-primary: #356949;
  --md-sys-color-on-primary: #e7ffeb;
  --md-sys-color-primary-container: #b7f0c7;
  --md-sys-color-on-primary-container: #275c3d;
  --md-sys-color-primary-dim: #295d3e;
  --md-sys-color-inverse-primary: #baf3ca;

  /* Secondary */
  --md-sys-color-secondary: #4f6455;
  --md-sys-color-on-secondary: #e8ffeb;
  --md-sys-color-secondary-container: #d1e8d5;
  --md-sys-color-on-secondary-container: #425648;

  /* Tertiary */
  --md-sys-color-tertiary: #566435;
  --md-sys-color-on-tertiary: #f1ffcb;
  --md-sys-color-tertiary-container: #ecfec0;
  --md-sys-color-on-tertiary-container: #546333;

  /* Error */
  --md-sys-color-error: #a83836;
  --md-sys-color-on-error: #fff7f6;
  --md-sys-color-error-container: #fa746f;
  --md-sys-color-on-error-container: #6e0a12;

  /* Surface and background */
  --md-sys-color-background: #f7faf4;
  --md-sys-color-on-background: #2c342e;
  --md-sys-color-surface: #f7faf4;
  --md-sys-color-on-surface: #2c342e;
  --md-sys-color-on-surface-variant: #586159;
  --md-sys-color-surface-variant: #dce5db;
  --md-sys-color-surface-bright: #f7faf4;
  --md-sys-color-surface-dim: #d3ddd3;
  --md-sys-color-surface-container-lowest: #ffffff;
  --md-sys-color-surface-container-low: #f0f5ee;
  --md-sys-color-surface-container: #e9f0e7;
  --md-sys-color-surface-container-high: #e3eae1;
  --md-sys-color-surface-container-highest: #dce5db;
  --md-sys-color-inverse-surface: #0b0f0c;
  --md-sys-color-inverse-on-surface: #9a9e99;

  /* Outline */
  --md-sys-color-outline: #747d75;
  --md-sys-color-outline-variant: #abb4ab;

  /* Shape */
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-full: 999px;

  /* Spacing */
  --rt-space-xs: 4px;
  --rt-space-sm: 8px;
  --rt-space-md: 16px;
  --rt-space-lg: 24px;
  --rt-space-xl: 32px;
  --rt-space-2xl: 48px;

  /* Minimum accessible target size (WCAG 2.5.5) */
  --rt-target: 44px;

  /* Legacy aliases */
  --rt-primary: var(--md-sys-color-primary);
  --rt-primary-dark: var(--md-sys-color-on-primary-container);
  --rt-primary-soft: var(--md-sys-color-primary-container);
  --rt-ink: var(--md-sys-color-on-surface);
  --rt-muted: var(--md-sys-color-on-surface-variant);
  --rt-line: var(--md-sys-color-outline-variant);
  --rt-card: var(--md-sys-color-surface-container-lowest);
  --rt-shell: var(--md-sys-color-surface-container-low);
  --rt-bg: var(--md-sys-color-background);
  --rt-elev-1: 0 1px 2px rgba(17, 41, 23, 0.07), 0 8px 24px rgba(17, 41, 23, 0.08);
}