/* v1.4.0 - 2026-05-25 - Zulfa design tokens (copied from brand-v2.2.0, font paths absolute for site root) */

@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/InstrumentSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/InstrumentSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/InstrumentSans-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Instrument Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/InstrumentSans-Bold.ttf") format("truetype");
}

:root {
  --zulfa-surface-light: #F4F2ED;
  --zulfa-ink-light:     #1A1A1C;
  --zulfa-surface-dark:  #0F0F10;
  --zulfa-ink-dark:      #F4F2ED;

  --zulfa-surface: var(--zulfa-surface-light);
  --zulfa-ink:     var(--zulfa-ink-light);

  --zulfa-divider: color-mix(in srgb, var(--zulfa-ink) 30%, transparent);

  --zulfa-font-display: "Instrument Sans", system-ui, -apple-system, sans-serif;
  --zulfa-font-body:    "Instrument Sans", system-ui, -apple-system, sans-serif;

  --zulfa-tracking-tight:  -0.025em;
  --zulfa-tracking-snug:   -0.015em;
  --zulfa-tracking-normal:  0;
  --zulfa-tracking-loose:   0.01em;
  --zulfa-tracking-label:   0.14em;

  --zulfa-weight-body:     400;
  --zulfa-weight-label:    500;
  --zulfa-weight-emphasis: 500;
  --zulfa-weight-display:  600;
  --zulfa-weight-strong:   600;
}

@media (prefers-color-scheme: dark) {
  :root {
    --zulfa-surface: var(--zulfa-surface-dark);
    --zulfa-ink:     var(--zulfa-ink-dark);
  }
}

:root[data-theme="dark"] {
  --zulfa-surface: var(--zulfa-surface-dark);
  --zulfa-ink:     var(--zulfa-ink-dark);
}

:root[data-theme="light"] {
  --zulfa-surface: var(--zulfa-surface-light);
  --zulfa-ink:     var(--zulfa-ink-light);
}