/* ==========================================================================
   COLOR.CSS — Material 3 colour tokens
   Single source of truth for every colour used across the site. Change the
   palette here only; components reference these custom properties, never
   raw hex values.
   ========================================================================== */

:root {
  /* Primary */
  --primary: #006a60;
  --on-primary: #fff;
  --primary-container: #9ff2e4;
  --on-primary-container: #00201c;

  /* Secondary */
  --secondary: #4a635e;
  --secondary-container: #cce8e1;
  --on-secondary-container: #06201b;

  /* Tertiary */
  --tertiary: #3d6373;
  --tertiary-container: #c1e8fb;
  --on-tertiary-container: #001f29;

  /* Surface */
  --surface: #f4fbf7;
  --on-surface: #171d1b;
  --sc-lowest: #fff;
  --sc-low: #eff5f1;
  --sc: #e9efeb;
  --sc-high: #e3e9e6;
  --sc-highest: #dde4e0;
  --on-surface-variant: #3f4946;

  /* Outline */
  --outline: #6f7975;
  --outline-variant: #bec9c4;

  /* Inverse (footer) */
  --inverse-surface: #2b3230;
  --inverse-on-surface: #ecf2ee;

  /* Accent */
  --gold: #c9a227;

  /* Elevation shadows */
  --elev1: 0 1px 2px rgba(0, 0, 0, .28), 0 1px 3px 1px rgba(0, 0, 0, .12);
  --elev2: 0 1px 2px rgba(0, 0, 0, .28), 0 2px 6px 2px rgba(0, 0, 0, .12);
  --elev3: 0 4px 8px 3px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .28);

  /* Activity/service gradients */
  --g1-a: #006a60; --g1-b: #0a8f81;
  --g2-a: #3d6373; --g2-b: #5c8aa5;
  --g3-a: #4a635e; --g3-b: #6f9b91;
  --g4-a: #7a5da0; --g4-b: #9a7bc0;
  --g5-a: #b8860a; --g5-b: #e0a730;
  --g6-a: #c2410c; --g6-b: #e2703a;
  --g7-a: #a23366; --g7-b: #c95f8f;
  --g8-a: #38408a; --g8-b: #5a63b8;
  --g9-a: #0e7c86; --g9-b: #33a6ae;
  --g10-a: #4b5563; --g10-b: #6b7684;
}

.g1 { background: linear-gradient(135deg, var(--g1-a), var(--g1-b)); }
.g2 { background: linear-gradient(135deg, var(--g2-a), var(--g2-b)); }
.g3 { background: linear-gradient(135deg, var(--g3-a), var(--g3-b)); }
.g4 { background: linear-gradient(135deg, var(--g4-a), var(--g4-b)); }
.g5 { background: linear-gradient(135deg, var(--g5-a), var(--g5-b)); }
.g6 { background: linear-gradient(135deg, var(--g6-a), var(--g6-b)); }
.g7 { background: linear-gradient(135deg, var(--g7-a), var(--g7-b)); }
.g8 { background: linear-gradient(135deg, var(--g8-a), var(--g8-b)); }
.g9 { background: linear-gradient(135deg, var(--g9-a), var(--g9-b)); }
.g10 { background: linear-gradient(135deg, var(--g10-a), var(--g10-b)); }