/* ============================================================
   RASHFAN — Design Tokens
   قيم مطابقة تمامًا لملف index.css الأصلي (React/Tailwind).
   ============================================================ */

:root {
  /* ---------- Core palette (converted from HSL to hex, 1:1) ---------- */
  --background: #0a0705;
  --foreground: #f5efe6;
  --border: #2d241d;

  --card: #140f0c;
  --card-foreground: #f5efe6;
  --card-border: #2d241d;

  --primary: #d4a851;
  --primary-foreground: #0a0705;

  --secondary: #2d241d;
  --secondary-foreground: #f5efe6;

  --muted: #2d241d;
  --muted-foreground: #b8a994;

  --accent: #d4a851;
  --accent-foreground: #0a0705;

  --destructive: #7a2323;
  --destructive-foreground: #f5efe6;

  /* ---------- Alpha helpers (rgba versions of --primary / --border) ---------- */
  --primary-rgb: 212, 168, 81;
  --border-rgb: 45, 36, 29;
  --background-rgb: 10, 7, 5;

  /* ---------- Typography ---------- */
  --font-serif: "Aref Ruqaa", serif;
  --font-sans: "Tajawal", sans-serif;

  /* ---------- Radius ---------- */
  --radius: 1rem;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);

  /* ---------- Motion ---------- */
  --ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ---------- Layout ---------- */
  --container-max: 1280px; /* Tailwind max-w-7xl */
}