/* tokens.css — shared across admin, portal, and widget
 * Values pulled directly from brand-guidelines.md. One light theme only —
 * dark mode intentionally removed per the design pass.
 */
:root {
  --color-primary: #1a7f37;
  --color-primary-dark: #15672c;
  --color-accent-orange: #bc4c00;
  --color-accent-2: #0e7490;
  --color-text: #1c1917;
  --color-bg: #fbfaf8;
  --color-surface: #ffffff;
  --color-surface-2: #f6f4f1;
  --color-border: rgba(28, 25, 23, 0.09);
  --color-muted: #78716c;
  --color-danger: #dc2626;

  --font-heading: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;

  /* Accessibility: text-size control sets this to 1 / 1.125 / 1.25 */
  --text-scale: 1;
}

/* Minimal card style — flat, bordered, no heavy shadow */
.glass-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}

body[data-app] {
  font-size: calc(15px * var(--text-scale));
}

/* Shared brand logo lockup, used in admin + portal sidebars */
.brand-logo { display: flex; align-items: center; gap: 8px; }
.brand-logo img { height: 28px; width: auto; display: block; }