/* ARAS ENERGY — design tokens (source of truth: brand-visual.md v2) */
:root {
  /* brand colors — extracted from the official logo */
  --aras-charcoal: #384048;      /* primary: headings, header, footer, primary button (logo "RAS") */
  --aras-charcoal-deep: #262C32; /* dark section bg, primary button hover */
  --aras-amber: #F0B008;         /* accent: logo "A"; underlines, icons, step numbers, secondary button bg (with charcoal text) */
  --aras-amber-dark: #C98F00;    /* amber hover, amber lines on light bg */
  --aras-grey: #687078;          /* secondary text, captions (logo "ENERGY") */
  --aras-text: #22272D;          /* body text */
  --aras-bg: #FFFFFF;
  --aras-bg-alt: #F4F5F6;        /* alternating sections, cards */
  --aras-amber-tint: #FEF6DF;    /* badges, highlight cards */
  --aras-line: #DCE0E4;          /* borders */
  --aras-ok: #2E8B57;            /* ONLY for check/active marks in tables; not a brand color */
  --aras-on-dark-muted: #C9CED3; /* secondary text on charcoal */

  /* typography */
  --font-sans: 'Vazirmatn', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-h1: 40px; --fs-h2: 30px; --fs-h3: 22px; --fs-body: 17px; --fs-meta: 14px;
  --lh-body: 1.8;

  /* layout */
  --container: 1200px; --gutter: 24px; --radius: 8px;
}
@media (max-width: 768px) {
  :root { --fs-h1: 28px; --fs-h2: 24px; --fs-h3: 19px; --fs-body: 16px; }
}

/* Vazirmatn — self-hosted (assets/fonts). Arabic subset carries Persian glyphs; latin subset for MW/EPC/ARAS ENERGY. */
@font-face { font-family: 'Vazirmatn'; font-weight: 400; font-display: swap; src: url('../fonts/vazirmatn-arabic-400-normal.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: 'Vazirmatn'; font-weight: 500; font-display: swap; src: url('../fonts/vazirmatn-arabic-500-normal.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: 'Vazirmatn'; font-weight: 700; font-display: swap; src: url('../fonts/vazirmatn-arabic-700-normal.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: 'Vazirmatn'; font-weight: 400; font-display: swap; src: url('../fonts/vazirmatn-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Vazirmatn'; font-weight: 700; font-display: swap; src: url('../fonts/vazirmatn-latin-700-normal.woff2') format('woff2'); }

/* contrast rules:
   - amber text on white is NOT allowed (1.8:1). Amber only as surface/icon/line, or text on charcoal.
   - charcoal on white 9.9:1, grey on white 4.9:1, charcoal on amber 5.5:1, amber on charcoal 5.5:1. */