/*
 * Shared brand layer: design tokens, base reset, and page background.
 * Single source of truth imported by index.html and the error pages
 * (error.css / 404.html). Page-specific layout stays in each consumer.
 */
:root {
  --paper: #f7fbfd;
  --surface: #ffffff;
  --surface-soft: #fff8ef;
  --ink: #2d211b;
  --muted: #6e5c51;
  --blue: #61b7e5;
  --blue-dark: #237faa;
  --orange: #f58b1f;
  --red: #ed1c2e;
  --brown: #783707;
  --line: rgba(35, 127, 170, 0.18);
  --warm-line: rgba(245, 139, 31, 0.24);
  --shadow: 0 22px 60px rgba(31, 93, 120, 0.14);
}

* {
  box-sizing: border-box;
}

html {
  background: var(--paper);
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  font-family: "Cairo", "Noto Kufi Arabic", system-ui, sans-serif;
  background:
    linear-gradient(90deg, rgba(97, 183, 229, 0.12) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, #ffffff 0%, var(--paper) 52%, #eef8fc 100%);
  background-size: 38px 100%, auto;
}