/* ── Project Design Tokens ────────────────────────────────────────────
   Nodge Farm: one light palette, fresh and agricultural. White surfaces on
   a very light cool background, a clear blue for action, grass green for
   the brand and for everything that is in order. There is no dark mode.

   Contrast (WCAG AA): body text and muted text pass on white and on the
   page background; every status colour passes as badge text on its own
   -20 tint; white passes on the primary, primary-hover and danger fills.
   --color-border-strong reaches 3:1 on white, so controls stay visible.
   ──────────────────────────────────────────────────────────────────── */

:root {
  color-scheme: light;

  --color-text:             #14304a;
  --color-text-muted:       #4a5e73;
  --color-bg:               #f2f6fa;
  --color-surface:          #ffffff;
  --color-border:           #dbe4ec;
  --color-primary:          #1664c4;
  --color-primary-hover:    #1252a3;
  --color-primary-20:       rgba(22, 100, 196, 0.12);
  --color-secondary-20:     rgba(80, 108, 140, 0.14);
  --color-secondary:        #506c8c;
  --color-accent:           #2a9a4b;
  --color-accent-20:        rgba(42, 154, 75, 0.14);
  --color-muted-20:         rgba(74, 94, 115, 0.12);
  --color-overlay:          rgba(20, 48, 74, 0.32);
  --color-on-primary:       #ffffff;
  --color-hover:            rgba(22, 100, 196, 0.06);
  --color-active:           #e3ecf8;
  --color-error:            #c42b2b;
  --color-error-bg:         rgba(196, 43, 43, 0.08);

  /* Nested surface, control borders and the status set. Four hues that
     never meet: green ok, amber warning, red danger, teal info, each
     clearly apart from the primary blue. */
  --color-surface-2:        #f6f9fc;
  --color-border-strong:    #8597aa;
  --color-success:          #1a7536;
  --color-success-20:       rgba(26, 117, 54, 0.12);
  --color-warning:          #a35a00;
  --color-warning-20:       rgba(163, 90, 0, 0.10);
  --color-danger:           #c42b2b;
  --color-danger-hover:     #a32222;
  --color-danger-20:        rgba(196, 43, 43, 0.10);
  --color-info:             #0a7280;
  --color-info-20:          rgba(10, 114, 128, 0.10);

  /* Charts: blue, green, amber, teal. Each holds 3:1 against white. */
  --color-chart-1:          #1664c4;
  --color-chart-2:          #2a9a4b;
  --color-chart-3:          #bd7d06;
  --color-chart-4:          #0f8b96;

  /* The one shadow. */
  --shadow:                 0 1px 4px rgba(20, 48, 74, 0.08);

  --font-ui:   'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-code: ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

  --radius:    12px;
  --radius-sm: 8px;
}

/* Print: ink on paper. White everywhere, no tints behind text, no shadow. */
@media print {
  :root {
    --color-text:             #000000;
    --color-text-muted:       #404040;
    --color-bg:               #ffffff;
    --color-surface:          #ffffff;
    --color-surface-2:        #ffffff;
    --color-border:           #d9d9d9;
    --color-border-strong:    #8c8c8c;
    --color-hover:            transparent;
    --shadow:                 none;
  }
}