/*
  Midyam | مديام — design tokens
  Generated from brand/tokens.json (source of truth). Do not edit values here;
  change tokens.json first, then regenerate.
  Usage from a page in /site:  <link rel="stylesheet" href="../brand/tokens.css">
*/

/* ---------- Fonts ---------- */
@font-face { font-family: "Lyon Arabic Display"; src: url("/brand/fonts/LyonArabicDisplay-Regular.v2.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Lyon Arabic Display"; src: url("/brand/fonts/LyonArabicDisplay-Medium.v2.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Lyon Arabic Text"; src: url("/brand/fonts/LyonArabicText-Regular.v2.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Lyon Arabic Text"; src: url("/brand/fonts/LyonArabicText-Semibold.v2.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Lyon Arabic Slanted Text"; src: url("/brand/fonts/LyonArabicSlantedText-Regular.v2.woff2") format("woff2"); font-weight: 400; font-display: swap; }
/* Lyon covers Latin letters and English digits only, so the Arabic face takes over for Arabic text */
@font-face { font-family: "Lyon"; src: url("/brand/fonts/Lyon-Regular.v2.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0000-024F, U+2000-206F, U+20AC; }

:root {
  /* ---------- Colors ---------- */
  --ivory: #f7efe2;          /* الخلفية الأساسية ~60٪ */
  --cream: #e9dcc4;          /* البطاقات والمساحات الثانوية */
  --olive-deep: #494a2f;     /* النص الأساسي والشعار */
  --rosewood: #704d4d;       /* العناوين المميزة وبطاقات الاقتباس */
  --olive-mid: #766d48;      /* النصوص الصغيرة والتواريخ والفواصل */
  --lavender: #a79cac;       /* الاقتباسات والخطوط الجانبية، والنص عليه غامق */
  --sand: #d8c19b;           /* للصور والخامات فقط */
  --pink-signature: #ffc1fd; /* لمسة واحدة فقط في التصميم */
  --pink-soft: #f5ddf2;      /* المساحات الوردية الكبيرة */
  --pistachio: #d9d87a;      /* الشارات والأزرار، والنص عليه غامق */

  /* ---------- Font stacks ---------- */
  --font-display: "Lyon", "Lyon Arabic Display", serif;
  --font-text: "Lyon", "Lyon Arabic Text", serif;
  --font-quote: "Lyon", "Lyon Arabic Slanted Text", serif;

  /* ---------- Spacing ---------- */
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  /* ---------- Radius ---------- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 999px;
}

/* ---------- Type scale ---------- */
.t-display   { font-family: var(--font-display); font-size: 48px; line-height: 64px; font-weight: 500; }
.t-heading-1 { font-family: var(--font-display); font-size: 32px; line-height: 46px; font-weight: 500; }
.t-heading-2 { font-family: var(--font-display); font-size: 24px; line-height: 36px; font-weight: 400; }
.t-body        { font-family: var(--font-text); font-size: 16px; line-height: 30px; font-weight: 400; }
.t-body-strong { font-family: var(--font-text); font-size: 16px; line-height: 30px; font-weight: 600; }
.t-caption     { font-family: var(--font-text); font-size: 13px; line-height: 22px; font-weight: 400; }
.t-quote { font-family: var(--font-quote); font-size: 22px; line-height: 38px; font-weight: 400; }