/* NewHQ tokens mapped onto Bootstrap 5.3 CSS variables. Generated by `php artisan newhq:design:sync` from design-system/tokens.json — do not edit by hand. */

:root {
  --bs-body-font-family: var(--font-sans);
  --bs-font-sans-serif: var(--font-sans);
  --bs-font-monospace: var(--font-mono);
  --bs-body-font-size: 14px;
  --bs-body-line-height: 1.4286;
  --bs-body-font-weight: 400;
  --bs-border-radius: var(--radius-md);
  --bs-border-radius-sm: var(--radius-sm);
  --bs-border-radius-lg: var(--radius-lg);
  --bs-border-radius-pill: var(--radius-pill);
  --bs-box-shadow: var(--shadow-pop);
  --bs-link-decoration: underline;
}

:root, [data-bs-theme="light"], [data-theme="light"] {
  --bs-body-bg: var(--surface);
  --bs-body-color: var(--ink);
  --bs-emphasis-color: var(--ink);
  --bs-heading-color: var(--ink);
  --bs-secondary-color: var(--ink-muted);
  --bs-secondary-bg: var(--surface-sunken);
  --bs-tertiary-color: var(--ink-muted);
  --bs-tertiary-bg: var(--surface-sunken);
  --bs-border-color: var(--line);
  --bs-border-color-translucent: var(--line);
  --bs-link-color: var(--ink);
  --bs-link-hover-color: var(--ink);
  --bs-highlight-bg: var(--crust-soft);
  --bs-highlight-color: var(--ink);
  --bs-code-color: var(--ink);
  --bs-focus-ring-color: var(--focus);
  --bs-primary: var(--action);
  --bs-secondary: var(--ink-muted);
  --bs-success: var(--positive);
  --bs-warning: var(--warning);
  --bs-danger: var(--negative);
  --bs-light: var(--surface-sunken);
  --bs-dark: var(--nav);
  --bs-form-valid-color: var(--positive);
  --bs-form-valid-border-color: var(--positive);
  --bs-form-invalid-color: var(--negative);
  --bs-form-invalid-border-color: var(--negative);
  --bs-body-bg-rgb: 246, 244, 239;
  --bs-body-color-rgb: 28, 31, 26;
  --bs-emphasis-color-rgb: 28, 31, 26;
  --bs-secondary-color-rgb: 91, 95, 86;
  --bs-secondary-bg-rgb: 238, 235, 227;
  --bs-tertiary-color-rgb: 91, 95, 86;
  --bs-tertiary-bg-rgb: 238, 235, 227;
  --bs-link-color-rgb: 28, 31, 26;
  --bs-link-hover-color-rgb: 28, 31, 26;
  --bs-primary-rgb: 28, 31, 26;
  --bs-secondary-rgb: 91, 95, 86;
  --bs-success-rgb: 27, 106, 97;
  --bs-warning-rgb: 138, 83, 0;
  --bs-danger-rgb: 176, 39, 31;
  --bs-light-rgb: 238, 235, 227;
  --bs-dark-rgb: 27, 36, 30;
}

[data-bs-theme="dark"], [data-theme="dark"] {
  --bs-body-bg: var(--surface);
  --bs-body-color: var(--ink);
  --bs-emphasis-color: var(--ink);
  --bs-heading-color: var(--ink);
  --bs-secondary-color: var(--ink-muted);
  --bs-secondary-bg: var(--surface-sunken);
  --bs-tertiary-color: var(--ink-muted);
  --bs-tertiary-bg: var(--surface-sunken);
  --bs-border-color: var(--line);
  --bs-border-color-translucent: var(--line);
  --bs-link-color: var(--ink);
  --bs-link-hover-color: var(--ink);
  --bs-highlight-bg: var(--crust-soft);
  --bs-highlight-color: var(--ink);
  --bs-code-color: var(--ink);
  --bs-focus-ring-color: var(--focus);
  --bs-primary: var(--action);
  --bs-secondary: var(--ink-muted);
  --bs-success: var(--positive);
  --bs-warning: var(--warning);
  --bs-danger: var(--negative);
  --bs-light: var(--surface-sunken);
  --bs-dark: var(--nav);
  --bs-form-valid-color: var(--positive);
  --bs-form-valid-border-color: var(--positive);
  --bs-form-invalid-color: var(--negative);
  --bs-form-invalid-border-color: var(--negative);
  --bs-body-bg-rgb: 17, 20, 17;
  --bs-body-color-rgb: 236, 235, 228;
  --bs-emphasis-color-rgb: 236, 235, 228;
  --bs-secondary-color-rgb: 167, 170, 158;
  --bs-secondary-bg-rgb: 11, 13, 11;
  --bs-tertiary-color-rgb: 167, 170, 158;
  --bs-tertiary-bg-rgb: 11, 13, 11;
  --bs-link-color-rgb: 236, 235, 228;
  --bs-link-hover-color-rgb: 236, 235, 228;
  --bs-primary-rgb: 236, 235, 228;
  --bs-secondary-rgb: 167, 170, 158;
  --bs-success-rgb: 92, 194, 179;
  --bs-warning-rgb: 232, 176, 74;
  --bs-danger-rgb: 240, 138, 128;
  --bs-light-rgb: 11, 13, 11;
  --bs-dark-rgb: 11, 15, 12;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-bs-theme="light"]) {
    --bs-body-bg: var(--surface);
    --bs-body-color: var(--ink);
    --bs-emphasis-color: var(--ink);
    --bs-heading-color: var(--ink);
    --bs-secondary-color: var(--ink-muted);
    --bs-secondary-bg: var(--surface-sunken);
    --bs-tertiary-color: var(--ink-muted);
    --bs-tertiary-bg: var(--surface-sunken);
    --bs-border-color: var(--line);
    --bs-border-color-translucent: var(--line);
    --bs-link-color: var(--ink);
    --bs-link-hover-color: var(--ink);
    --bs-highlight-bg: var(--crust-soft);
    --bs-highlight-color: var(--ink);
    --bs-code-color: var(--ink);
    --bs-focus-ring-color: var(--focus);
    --bs-primary: var(--action);
    --bs-secondary: var(--ink-muted);
    --bs-success: var(--positive);
    --bs-warning: var(--warning);
    --bs-danger: var(--negative);
    --bs-light: var(--surface-sunken);
    --bs-dark: var(--nav);
    --bs-form-valid-color: var(--positive);
    --bs-form-valid-border-color: var(--positive);
    --bs-form-invalid-color: var(--negative);
    --bs-form-invalid-border-color: var(--negative);
    --bs-body-bg-rgb: 17, 20, 17;
    --bs-body-color-rgb: 236, 235, 228;
    --bs-emphasis-color-rgb: 236, 235, 228;
    --bs-secondary-color-rgb: 167, 170, 158;
    --bs-secondary-bg-rgb: 11, 13, 11;
    --bs-tertiary-color-rgb: 167, 170, 158;
    --bs-tertiary-bg-rgb: 11, 13, 11;
    --bs-link-color-rgb: 236, 235, 228;
    --bs-link-hover-color-rgb: 236, 235, 228;
    --bs-primary-rgb: 236, 235, 228;
    --bs-secondary-rgb: 167, 170, 158;
    --bs-success-rgb: 92, 194, 179;
    --bs-warning-rgb: 232, 176, 74;
    --bs-danger-rgb: 240, 138, 128;
    --bs-light-rgb: 11, 13, 11;
    --bs-dark-rgb: 11, 15, 12;
  }
}