/* PowerCredit design tokens (from the PowerCredit design system, tokens.json v1). */
@font-face { font-family: "Archivo Expanded"; src: url("../fonts/ArchivoExpanded.woff2") format("woff2"); font-weight: 400 800; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("../fonts/PublicSans.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

:root, [data-theme="light"] {
  color-scheme: light;
  --ground: #f4f7f2; --surface: #ffffff; --surface-sunk: #e9efe7; --line: #cfd9cf; --line-strong: #7d8f84;
  --ink: #10221a; --ink-muted: #4a5c53;
  --paddock: #1d5a40; --paddock-hover: #164a34; --paddock-deep: #123826; --on-paddock: #ffffff; --on-deep: #ffffff; --paddock-tint: #dcebe2;
  --wattle: #f2bf2e; --on-wattle: #10221a; --wattle-tint: #fbefc8;
  --success: #1c6b42; --success-tint: #dcf0e3; --warning: #8a5300; --warning-tint: #fbecd2;
  --danger: #b42318; --danger-tint: #fde3df; --info: #1f5b8a; --info-tint: #e0edf8; --focus: #1f5b8a;
  --shadow-raise: 0 1px 2px rgba(16,34,26,0.06), 0 4px 16px rgba(16,34,26,0.06);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ground: #0d1712; --surface: #14221b; --surface-sunk: #09110d; --line: #2b3c33; --line-strong: #6c8277;
    --ink: #e8f0ea; --ink-muted: #a3b6ab;
    --paddock: #6cc196; --paddock-hover: #88d3ab; --paddock-deep: #0f2a1d; --on-paddock: #06130c; --on-deep: #f4f7f2; --paddock-tint: #173326;
    --wattle: #f2bf2e; --on-wattle: #10221a; --wattle-tint: #3b3214;
    --success: #6fd39a; --success-tint: #123222; --warning: #f2b85c; --warning-tint: #3a2a0d;
    --danger: #ff8b7c; --danger-tint: #3d1612; --info: #80bdeb; --info-tint: #10283b; --focus: #80bdeb;
    --shadow-raise: 0 1px 2px rgba(0,0,0,0.4), 0 6px 20px rgba(0,0,0,0.35);
  }
}
[data-theme="dark"] {
  color-scheme: dark;
  --ground: #0d1712; --surface: #14221b; --surface-sunk: #09110d; --line: #2b3c33; --line-strong: #6c8277;
  --ink: #e8f0ea; --ink-muted: #a3b6ab;
  --paddock: #6cc196; --paddock-hover: #88d3ab; --paddock-deep: #0f2a1d; --on-paddock: #06130c; --on-deep: #f4f7f2; --paddock-tint: #173326;
  --wattle: #f2bf2e; --on-wattle: #10221a; --wattle-tint: #3b3214;
  --success: #6fd39a; --success-tint: #123222; --warning: #f2b85c; --warning-tint: #3a2a0d;
  --danger: #ff8b7c; --danger-tint: #3d1612; --info: #80bdeb; --info-tint: #10283b; --focus: #80bdeb;
  --shadow-raise: 0 1px 2px rgba(0,0,0,0.4), 0 6px 20px rgba(0,0,0,0.35);
}
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 72px;
  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px; --radius-round: 999px;
  --font-display: "Archivo Expanded", "Arial Black", system-ui, sans-serif;
  --font-text: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap: 1120px;
}