/* Nandi Account design tokens: "Light ledger" palette, calm Apple HIG rhythm.
   Loaded after bootstrap.min.css so the --bs-* overrides below win on equal specificity. */
:root {
  color-scheme: light;

  --na-bg: #f5f5f4;
  --na-surface: #ffffff;
  --na-surface-sunken: #fafaf9;
  --na-fill: #f5f5f4;
  --na-fill-strong: #e7e5e4;
  --na-text: #1c1917;
  --na-text-secondary: #44403c;
  --na-muted: #57534e;
  --na-line: #e7e5e4;
  --na-line-strong: #d6d3d1;
  --na-input-border: #78716c;

  --na-accent: #0f766e;
  --na-accent-rgb: 15, 118, 110;
  --na-accent-hover: #115e59;
  --na-accent-press: #134e4a;
  --na-accent-soft: #f0fdfa;
  --na-accent-soft-strong: #ccfbf1;

  --na-danger: #b91c1c;
  --na-danger-rgb: 185, 28, 28;
  --na-danger-hover: #991b1b;
  --na-danger-soft: #fef2f2;
  --na-warn: #854d0e;
  --na-warn-soft: #fefce8;
  --na-warn-line: #fde68a;
  --na-ok: #15803d;
  --na-ok-text: #166534;
  --na-ok-soft: #f0fdf4;
  --na-danger-line: #fecaca;
  --na-ok-line: #bbf7d0;
  --na-accent-line: #99f6e4;

  --na-admin-strip: #292524;

  /* Mukta only covers Devanagari (unicode-range), so Latin text always falls through to the system font. */
  --na-font: "Mukta", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --na-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --na-fs-caption: 0.8125rem;
  --na-fs-footnote: 0.875rem;
  --na-fs-subhead: 0.9375rem;
  --na-fs-body: 1rem;
  --na-fs-headline: 1.0625rem;
  --na-fs-title3: 1.25rem;
  --na-fs-title2: 1.375rem;
  --na-fs-title1: 1.75rem;
  --na-fs-large-title: clamp(1.75rem, 1.45rem + 1.1vw, 2.125rem);
  --na-lh: 1.55;
  --na-lh-tight: 1.25;

  --na-space-1: 4px;
  --na-space-2: 8px;
  --na-space-3: 12px;
  --na-space-4: 16px;
  --na-space-5: 24px;
  --na-space-6: 32px;
  --na-space-7: 40px;
  --na-space-8: 48px;
  --na-space-9: 64px;

  --na-radius-control: 10px;
  --na-radius-card: 12px;
  --na-radius-sheet: 16px;
  --na-radius-pill: 999px;

  --na-shadow-hover: 0 2px 8px rgba(28, 25, 23, 0.08);
  --na-shadow-float: 0 10px 30px rgba(28, 25, 23, 0.12), 0 2px 6px rgba(28, 25, 23, 0.06);
  --na-shadow-segment: 0 1px 2px rgba(28, 25, 23, 0.12), 0 0 0 0.5px rgba(28, 25, 23, 0.06);

  --na-dur-fast: 150ms;
  --na-dur: 200ms;
  --na-dur-slow: 250ms;
  --na-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  --na-focus-outline: 2px solid var(--na-accent);
  --na-focus-ring: 0 0 0 3px rgba(15, 118, 110, 0.35);

  --na-control-h: 44px;
  --na-control-h-sm: 36px;
  --na-sidebar-w: 248px;
  --na-topbar-h: 56px;
  --na-content-max: 1280px;
  --na-gutter: clamp(16px, 3vw, 32px);

  --bs-font-sans-serif: var(--na-font);
  --bs-font-monospace: var(--na-font-mono);
  --bs-body-font-family: var(--na-font);
  --bs-body-font-size: var(--na-fs-body);
  --bs-body-line-height: var(--na-lh);
  --bs-body-color: var(--na-text);
  --bs-body-color-rgb: 28, 25, 23;
  --bs-body-bg: var(--na-bg);
  --bs-body-bg-rgb: 245, 245, 244;
  --bs-emphasis-color: #0c0a09;
  --bs-emphasis-color-rgb: 12, 10, 9;
  --bs-secondary-color: var(--na-muted);
  --bs-secondary-color-rgb: 87, 83, 78;
  --bs-secondary-bg: var(--na-fill-strong);
  --bs-tertiary-color: var(--na-muted);
  --bs-tertiary-bg: var(--na-surface-sunken);
  --bs-heading-color: var(--na-text);
  --bs-link-color: var(--na-accent);
  --bs-link-color-rgb: var(--na-accent-rgb);
  --bs-link-hover-color: var(--na-accent-hover);
  --bs-link-hover-color-rgb: 17, 94, 89;
  --bs-link-decoration: none;
  --bs-highlight-bg: var(--na-warn-soft);
  --bs-border-color: var(--na-line);
  --bs-border-color-translucent: rgba(28, 25, 23, 0.1);
  --bs-border-radius: var(--na-radius-control);
  --bs-border-radius-sm: 8px;
  --bs-border-radius-lg: var(--na-radius-card);
  --bs-border-radius-xl: var(--na-radius-sheet);
  --bs-border-radius-xxl: 20px;
  --bs-box-shadow: var(--na-shadow-float);
  --bs-box-shadow-sm: var(--na-shadow-hover);
  --bs-box-shadow-lg: var(--na-shadow-float);
  --bs-focus-ring-width: 3px;
  --bs-focus-ring-opacity: 0.35;
  --bs-focus-ring-color: rgba(15, 118, 110, 0.35);

  --bs-primary: var(--na-accent);
  --bs-primary-rgb: var(--na-accent-rgb);
  --bs-primary-text-emphasis: var(--na-accent-press);
  --bs-primary-bg-subtle: var(--na-accent-soft);
  --bs-primary-border-subtle: var(--na-accent-line);
  --bs-success: var(--na-ok);
  --bs-success-rgb: 21, 128, 61;
  --bs-success-text-emphasis: var(--na-ok-text);
  --bs-success-bg-subtle: var(--na-ok-soft);
  --bs-success-border-subtle: var(--na-ok-line);
  --bs-danger: var(--na-danger);
  --bs-danger-rgb: var(--na-danger-rgb);
  --bs-danger-text-emphasis: var(--na-danger-hover);
  --bs-danger-bg-subtle: var(--na-danger-soft);
  --bs-danger-border-subtle: var(--na-danger-line);
  --bs-warning-text-emphasis: var(--na-warn);
  --bs-warning-bg-subtle: var(--na-warn-soft);
  --bs-warning-border-subtle: var(--na-warn-line);
  --bs-info-text-emphasis: var(--na-accent-press);
  --bs-info-bg-subtle: var(--na-accent-soft);
  --bs-info-border-subtle: var(--na-accent-line);
  --bs-secondary-text-emphasis: var(--na-text-secondary);
  --bs-secondary-bg-subtle: var(--na-fill);
  --bs-secondary-border-subtle: var(--na-line-strong);

  --bs-form-valid-color: var(--na-ok-text);
  --bs-form-valid-border-color: var(--na-ok);
  --bs-form-invalid-color: var(--na-danger);
  --bs-form-invalid-border-color: var(--na-danger);
}