/* Theme tokens, set to the Rocky Ridge Brand Guide v2 (Good beer takes work), Oct 2026.
   Black and white first, the internal-communications green suite for emphasis, Green 3 (#03AF4B) as the highlight.
   Type: Futura Now is the brand face but needs a paid web licence, so DM Sans (the guide's named substitute) is used,
   self-hosted. The dashboard's page code is written against these variable names, so they are kept. */
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-latin-wght-normal.woff2") format("woff2-variations"), url("../fonts/dm-sans-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 1000; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-latin-wght-italic.woff2") format("woff2-variations"), url("../fonts/dm-sans-latin-wght-italic.woff2") format("woff2");
  font-weight: 100 1000; font-style: italic; font-display: swap;
}
:root {
  color-scheme: light;
  --font-anthropic-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-anthropic-serif: var(--font-anthropic-sans);
  --font-display: var(--font-anthropic-sans);

  /* brand */
  --rr-black: #0b0b0b;
  --rr-stone: #eeede8;
  --rr-green-1: #b3e5bb; --rr-green-2: #97df99; --rr-green-3: #03af4b; --rr-green-4: #00823e; --rr-green-5: #004820; --rr-green-6: #082e1e;
  --rr-highlight: var(--rr-green-3);
  --rr-chamfer: 14px;

  --color-bg: var(--rr-stone);
  --color-panel: #ffffff;
  --color-fg: var(--rr-black);
  --color-fg-muted: #57564f;
  --color-border-line: #dedcd3;
  --color-ok: var(--rr-green-4);
  --color-bad: #c43c3b;
  --color-warn: #a35f00;
  --color-bar: var(--rr-black);
  --color-bar-fg: #ffffff;

  --cds-text-secondary: #57564f;
  --cds-surface-popover: #ffffff;
  --cds-border: #d3d1c7;
  --cds-shadow-popover: 0 6px 18px rgba(0, 0, 0, .14);
  --cds-chart-axis: #c9c7bd;
  --cds-chart-grid: #ebe9e2;
  --cds-chart-muted: #8f8d85;
  --cds-chart-reference: #6f6d66;
  --cds-chart-status-critical: #c43c3b;

  /* chart series: brand product accents (Jindong green, Crisp blue, Ace IPA orange, Cali IPA cyan and pink, Draught gold),
     stepped for contrast on white and colour-blind separation; checked with the palette validator, light and dark */
  --series-1: #00823e; --series-2: #2f78c0; --series-3: #e0672a; --series-4: #0093b5;
  --series-5: #d44f8c; --series-6: #b98a1e; --series-7: #6a4fc2; --series-8: #4e8a00;

  --cds-font-size-caption: 0.8125rem;
  --cds-font-size-body: 0.9375rem;
  --cds-font-size-heading: 1.25rem;
  --cds-font-size-title: 1.875rem;
  --cds-font-weight-medium: 700;
  --cds-radius: 3px;
  --cds-gap-xs: 4px; --cds-gap-sm: 8px; --cds-gap-md: 16px; --cds-gap-xl: 32px;
  --cds-pad-xs: 4px; --cds-pad-sm: 8px; --cds-pad-lg: 16px;
  --cds-dur-slow: 300ms;
  --cds-ease-out: cubic-bezier(.2, .8, .2, 1);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --rr-highlight: #1fc066;
    --color-bg: #0e0f0e;
    --color-panel: #171917;
    --color-fg: #f2f1ec;
    --color-fg-muted: #b9b8b0;
    --color-border-line: #2b2e2b;
    --color-ok: #3cc77a;
    --color-bad: #ef7372;
    --color-warn: #e0a43a;
    --color-bar: #000000;
    --color-bar-fg: #ffffff;
    --cds-text-secondary: #b9b8b0;
    --cds-surface-popover: #222522;
    --cds-border: #3a3d3a;
    --cds-shadow-popover: 0 6px 18px rgba(0, 0, 0, .55);
    --cds-chart-axis: #474a47;
    --cds-chart-grid: #262926;
    --cds-chart-muted: #8a8a82;
    --cds-chart-reference: #a8a69c;
    --cds-chart-status-critical: #ef7372;
    --series-1: #14a35a; --series-2: #4a8fd6; --series-3: #dd6b30; --series-4: #0b98b8;
    --series-5: #cf5a8c; --series-6: #b88c2c; --series-7: #8c74dc; --series-8: #6a9e1e;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --rr-highlight: #1fc066;
  --color-bg: #0e0f0e;
  --color-panel: #171917;
  --color-fg: #f2f1ec;
  --color-fg-muted: #b9b8b0;
  --color-border-line: #2b2e2b;
  --color-ok: #3cc77a;
  --color-bad: #ef7372;
  --color-warn: #e0a43a;
  --color-bar: #000000;
  --color-bar-fg: #ffffff;
  --cds-text-secondary: #b9b8b0;
  --cds-surface-popover: #222522;
  --cds-border: #3a3d3a;
  --cds-shadow-popover: 0 6px 18px rgba(0, 0, 0, .55);
  --cds-chart-axis: #474a47;
  --cds-chart-grid: #262926;
  --cds-chart-muted: #8a8a82;
  --cds-chart-reference: #a8a69c;
  --cds-chart-status-critical: #ef7372;
  --series-1: #14a35a; --series-2: #4a8fd6; --series-3: #dd6b30; --series-4: #0b98b8;
  --series-5: #cf5a8c; --series-6: #b88c2c; --series-7: #8c74dc; --series-8: #6a9e1e;
}