/* ── WEBSITE THEME: Teal (matches app icon) ── */

:root {
  /* Backgrounds — pale mint wash pulled from icon's frosted glass */
  --color-bg:                    #ffffff;
  --color-bg-alt:                #f2f8f7;
  --color-bg-accent:             #e5f4f2;

  /* Text — deep teal-black, not generic near-black */
  --color-text:                  #0d1e1d;
  --color-text-muted:            #4e6e6b;

  /* Borders — soft teal-tinted */
  --color-border:                #cfe6e3;

  /* Primary — mid teal from the icon tooth colour, deepened for legibility */
  --color-primary:               #1aaba2;
  --color-primary-dark:          #128880;
  --color-primary-light:         #ddf3f1;
  --color-primary-glow:          rgba(26, 171, 162, 0.10);
  --color-primary-border-hover:  rgba(26, 171, 162, 0.40);
  --color-primary-border-subtle: rgba(26, 171, 162, 0.22);

  /* Accent / warm */
  --color-accent:                #1aaba2;
  --color-warm:                  #e8924a;

  /* Status */
  --color-success:               #1aaba2;

  /* Nav */
  --color-nav-bg:                rgba(242, 248, 247, 0.92);

  /* Radii */
  --radius-sm:                   6px;
  --radius-md:                   10px;
  --radius-lg:                   16px;

  /* Shadows — teal-tinted */
  --shadow-sm:  0 1px 2px rgba(13,30,29,0.04), 0 1px 4px rgba(13,30,29,0.05);
  --shadow-md:  0 6px 16px rgba(13,30,29,0.08);
  --shadow-lg:  0 16px 48px rgba(13,30,29,0.13);

  --max-width:  1140px;
  --font-sans:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, Roboto, sans-serif;
}