/* Design tokens — industrial editorial direction.
   Neutral greys carry the layout; the logo's blue / red / yellow appear only as small brand marks. */

:root {
  /* Brand (from the official logo SVG) */
  --neo-blue: #5879bc;
  --neo-red: #e41c40;
  --neo-yellow: #f6c520;

  /* Neutrals */
  --grey-50: #f7f7f5;
  --grey-100: #efefed;
  --grey-150: #e6e6e3;
  --grey-200: #dcdcd8;
  --grey-300: #c9c9c5;
  --grey-500: #8a8a86;
  --grey-700: #4a4a47;
  --ink: #161616;
  --ink-2: #1f1f1f;
  --black: #0e0e0f;

  /* Semantic */
  --bg: var(--grey-100);
  --surface: #fff;
  --text: var(--ink);
  --text-soft: #555552;
  --text-muted: var(--grey-500);
  --line: rgb(22 22 22 / 0.09);
  --line-strong: rgb(22 22 22 / 0.16);
  --on-dark: #fff;
  --on-dark-soft: rgb(255 255 255 / 0.72);
  --on-dark-muted: rgb(255 255 255 / 0.5);
  --focus: var(--neo-blue);

  /* Product finishes (catalogue colour options) */
  --finish-steel: linear-gradient(135deg, #f1f3f5, #9aa4ae);
  --finish-black: #2a2b2e;
  --finish-rose: #c98e7e;
  --finish-gold: #d9b26a;

  /* Type */
  --font-display: "Sofia Sans Semi Condensed", "Inter", system-ui, sans-serif;
  --font-text: "Inter", system-ui, sans-serif;

  --fs-2xs: 0.6875rem;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-h3: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --fs-h2: clamp(1.75rem, 1.3rem + 1.5vw, 2.625rem);
  --fs-h1: clamp(2.25rem, 1.5rem + 2.6vw, 3.875rem);

  /* Space & shape */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 5rem;
  --space-9: 8rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --container: 1280px;
  --gutter: clamp(16px, 4vw, 48px);
  --header-h: 84px;

  --shadow-float: 0 10px 30px -12px rgb(0 0 0 / 0.25), 0 2px 6px rgb(0 0 0 / 0.06);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

:lang(ar) {
  --font-display: "Cairo", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-text: "IBM Plex Sans Arabic", system-ui, sans-serif;
}