/* Art House — design tokens (single source of truth for the visual system) */
:root {
  /* brand palette */
  --navy: #182955;
  --navy-deep: #101C3D;
  --navy-ink: #0B1329;
  --navy-night: #0A1226;
  --navy-hero: #141F3F;
  --navy-sky-1: #3A4C85;
  --navy-sky-2: #22315F;
  --navy-build: #1B2A56;
  --navy-line: #2A3A6C;
  --navy-wall-dim: #0F1E44;
  --navy-wall-muted: #8A93B5;
  --gold: #8A8C8F;
  --gold-light: #AEB0B3;
  --white: #FFFFFF;
  --light: #D8D9E2;
  --lighter: #E8E9F2;
  --lavender: #C9CBDD;
  --border: #E2E3EC;
  --border-input: #C9CBDD;
  --gray-body: #4B4E57;
  --gray-mute: #848688;
  --gray-soft: #9A9CA6;
  --gray-disabled: #9EA1B5;
  --bg-row-hover: #F4F5F9;
  --bg-form: #F4F5F9;

  /* typography */
  --font-ar: 'Noto Kufi Arabic', sans-serif;
  --font-latin: 'Montserrat', sans-serif;
  --font-accent: 'Jost', sans-serif;
  /* language-dependent (overridden on html[lang]) */
  --font-body: var(--font-ar);
  --font-head: var(--font-ar);

  /* motion */
  --ease-out: cubic-bezier(0.22, 0.8, 0.24, 1);
  --dur-fast: 0.2s;
  --dur-med: 0.35s;
  --dur-slow: 0.9s;

  /* layout */
  --pad-x: 6vw;
  --sec-pad: clamp(70px, 9vw, 120px);
  --max-w: 1240px;

  /* elevation */
  --shadow-card: 0 16px 40px rgba(16, 28, 61, 0.08);
  --shadow-lift: 0 22px 50px rgba(16, 28, 61, 0.16);
  --shadow-btn: 0 10px 24px rgba(16, 28, 61, 0.18);
}

html[lang='en'] {
  --font-body: 'Montserrat', 'Noto Kufi Arabic', sans-serif;
  --font-head: 'Jost', 'Noto Kufi Arabic', sans-serif;
}