/* CampWatch shared theme — design tokens + base typography.
   Single source of truth for all web pages (linked before each page's
   inline <style>, so page-specific rules still win on the cascade).
   Not used by email templates (clients strip external CSS). */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@400;500;600&display=swap');

:root {
  --glass:            rgba(8, 12, 20, 0.74);
  --glass-2:          rgba(5, 8, 14, 0.86);
  --glass-border:     rgba(255, 255, 255, 0.10);
  --glass-hi:         rgba(255, 255, 255, 0.05);
  --accent:           #d4884a;        /* warm amber — horizon glow in the photo */
  --accent-dim:       rgba(180, 100, 50, 0.22);
  --accent-text:      #f5c08a;
  --green-hi:         #72d63e;
  --green-dim:        rgba(38, 85, 16, 0.60);
  --text:             #f0ece4;        /* warm off-white */
  --text-muted:       rgba(240, 236, 228, 0.68);  /* lifted from 0.52 for legibility */
  --text-muted-strong: rgba(240, 236, 228, 0.82); /* body copy on content pages */
  --text-dim:         rgba(240, 236, 228, 0.32);  /* lifted from 0.25 */
  --mono:             ui-monospace, 'SF Mono', 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;
  --r:                5px;
  --red:              rgba(130, 22, 22, 0.72);
  --red-hi:           #e87070;
  --yellow:           rgba(120, 80, 0, 0.72);
  --yellow-hi:        #e8b448;
  --font-head:        'Barlow Condensed', system-ui, sans-serif;
  --font-body:        'Barlow', system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  color: var(--text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.65;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 { font-family: var(--font-head); }

a { color: var(--accent-text); }

.tabular { font-variant-numeric: tabular-nums; }