/* Vazirmatn, bundled locally (Arabic + Latin subsets). */
@import url('../vendor/@fontsource/vazirmatn/400.css');
@import url('../vendor/@fontsource/vazirmatn/500.css');
@import url('../vendor/@fontsource/vazirmatn/600.css');
@import url('../vendor/@fontsource/vazirmatn/700.css');

/*
  ABFA palette: a water utility's material world.
  Deep water for ink, meter-glass teal for the primary, brass fittings for the one warm accent.
*/
:root {
  color-scheme: light;
  --bg: #e7eeed;          /* limestone basin */
  --surface: #f6f9f8;
  --surface-2: #eef3f2;
  --ink: #0e2a32;         /* deep water */
  --ink-2: #3f5a63;
  --muted: #6a7f85;
  --line: #c9d6d5;
  --line-soft: #dde6e5;
  --water: #17657a;       /* primary */
  --water-ink: #0f5264;
  --water-soft: #d3e6ea;
  --brass: #9c7118;       /* accent, used sparingly */
  --brass-soft: #f1e5c8;
  --critical: #b0392c;
  --critical-soft: #f6e0db;
  --on-water: #ffffff;
  --shadow: 0 1px 0 rgba(14, 42, 50, 0.06), 0 8px 24px -12px rgba(14, 42, 50, 0.18);

  --font: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
  --mono: 'Cascadia Mono', 'Consolas', 'SFMono-Regular', 'Menlo', monospace;

  /* type scale (1.2 minor third on 15px) */
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 32px;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --bg: #0b181d;
    --surface: #10222a;
    --surface-2: #142b33;
    --ink: #e2ecec;
    --ink-2: #a9bec1;
    --muted: #7d9499;
    --line: #25404a;
    --line-soft: #1b323a;
    --water: #4eafc4;
    --water-ink: #7cc8d8;
    --water-soft: #173a44;
    --brass: #d6a546;
    --brass-soft: #3b3018;
    --critical: #e57a66;
    --critical-soft: #3a1f1b;
    --on-water: #06222a;
    --shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 10px 30px -14px rgba(0, 0, 0, 0.6);
  }
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #0b181d;
  --surface: #10222a;
  --surface-2: #142b33;
  --ink: #e2ecec;
  --ink-2: #a9bec1;
  --muted: #7d9499;
  --line: #25404a;
  --line-soft: #1b323a;
  --water: #4eafc4;
  --water-ink: #7cc8d8;
  --water-soft: #173a44;
  --brass: #d6a546;
  --brass-soft: #3b3018;
  --critical: #e57a66;
  --critical-soft: #3a1f1b;
  --on-water: #06222a;
  --shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 10px 30px -14px rgba(0, 0, 0, 0.6);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:focus-visible {
  outline: 2px solid var(--water);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}