/*! © 2026 North Point Tech. All rights reserved. Proprietary software — see LICENSE. */
/* Colours, fonts and sizes for every page. Change the brand here; the other stylesheets only use these. */

:root {
  /* Bone paper, brass and the near-black green of the shop's leather chairs. */
  --cream: #f1efe8;
  --ivory: #fafaf5;
  --paper: #e8e5da;
  --paper-deep: #dfdbcd;
  --sand: #d3cdbd;
  --stone: #b8b5a8;
  --stone-deep: #9d9a8c;

  --gold: #3f5e45; /* forest green: primary accent, buttons */
  --gold-light: #86a98b; /* sage, on dark backgrounds */
  --gold-pale: #cdd9cc;
  --gold-wash: #eaefe8;
  --gold-deep: #2f4a37; /* green text on light backgrounds (AA) */
  --oxblood: #7b2d26; /* focus ring and "today" markers only */

  --espresso: #16201b;
  --brown: #2f3a34;
  --brown-light: #515d56;
  --taupe: #5f675f; /* secondary text, AA on --cream */

  --line: rgb(var(--line-rgb) / 0.15);
  --line-strong: rgb(var(--line-rgb) / 0.27);

  /* Status colours always come with a text label, never colour alone. */
  --success: #3d7153;
  --success-bg: #e1ebe3;
  --warn: #83591a;
  --warn-bg: #f2e7ce;
  --warn-ink: #6d4b10;
  --danger: #973a2e;
  --danger-bg: #f3e1dc;
  --info: #3e5775;
  --info-bg: #e0e6ee;

  /* The same colours as RGB channels, for translucent shades: rgb(var(--ink-rgb) / .5). */
  --ink-rgb: 22 32 27;
  --ivory-rgb: 250 250 245;
  --line-rgb: 38 52 44;
  --gold-rgb: 63 94 69;
  --gold-light-rgb: 134 169 139;
  --danger-rgb: 151 58 46;

  --f-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-display: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-serif: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* rem, so text grows with the phone's own font-size setting. */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2.125rem;

  --r-sm: 6px;
  --r: 10px;
  --r-lg: 14px;
  --shadow-sm: 0 1px 2px rgb(var(--ink-rgb) / 0.06);
  --shadow: 0 1px 2px rgb(var(--ink-rgb) / 0.04), 0 12px 32px -14px rgb(var(--ink-rgb) / 0.2);
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Arabic and Kurdish: Latin fonts stay first so the brand name, prices and times look the same;
   Arabic letters fall through to Noto. */
[dir="rtl"] {
  --f-display: "Inter", "Noto Sans Arabic", Tahoma, sans-serif;
  --f-serif: "Inter", "Noto Sans Arabic", Tahoma, sans-serif;
  --f-sans: "Inter", "Noto Sans Arabic", Tahoma, sans-serif;
}