/*
 * BRAND — the one file to edit when restyling.
 * Values mirror Tajr's real theme (packages/config/tailwind/theme.css).
 * app.css only reads these variables.
 */
@font-face { font-family: "Dubai"; src: url("fonts/Dubai-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Dubai"; src: url("fonts/Dubai-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Dubai"; src: url("fonts/Dubai-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Dubai"; src: url("fonts/Dubai-Bold.woff2") format("woff2"); font-weight: 600 800; font-display: swap; }

:root {
  --indigo: #5951ff;
  --indigo-dark: #4e47e0;
  --indigo-soft: #eeeeff;
  --orange: #ffaa58;
  --orange-dark: #d38d49;
  --orange-soft: #fff3e6;
  --orange-deep: #a65100;
  --on-orange: #151327;
  --green: #06d6a0;
  --green-soft: #e3fbee;
  --green-deep: #03785a;
  --on-green: #151327;
  --red: #ea5455;
  --red-soft: #fce7e7;
  --red-deep: #c51819;
  --blue: #00cfe8;
  --blue-soft: #e5fafc;
  --blue-deep: #007583;
  --navy: #2e3555;
  --bg: #f7f7f9;
  --card: #ffffff;
  --surface-muted: #f7f7f9;
  --border: #ebebf0;
  --text: #1f2333;
  --text-muted: #8a8d9f;
  --muted-deep: #6b6e80;

  --font: "Dubai", "Cairo", "Segoe UI", Tahoma, sans-serif;
  --radius-card: 14px;
  --radius-xl: 12px;
  --radius-lg: 8px;
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);

  --logo-ar: url("img/logo-ar.svg");
  --logo-en: url("img/logo-en.svg");
}