/* ---------------------------------------------------------------------------
 * oida tokens — the single source of truth for colour, type, and structure.
 * Imported by every public surface: oida.ae (landing.css) and the partner
 * folder (partner/index.html, gateway.html, one-pager.html). Carried over
 * from the iOS design system (OidaColor / OidaFont / OidaSpacing) so the web
 * and the app feel like one product. Do NOT redeclare these inline.
 * ------------------------------------------------------------------------- */

:root {
  /* ----- paper / surface ----- */
  --paper: #FAF6EE;
  --paper-2: #F1E9D8;
  --cream: #F3EADB;
  --sand: #F5D6B8;
  --paper-ink: #15100d;        /* deepest paper, video frame / showcase bg */

  /* ----- brand washes ----- */
  --terracotta: #BE5236;
  --terracotta-deep: #9D3C25;
  --terracotta-light: #f3a48a; /* error / soft accent */
  --moss: #4E6A50;
  --moss-deep: #2E4232;
  --moss-night: #1c2b22;       /* flaggen-map gradient top */
  --moss-ink: #0e1612;         /* flaggen-map gradient bottom */
  --sun: #E9B344;
  --sun-light: #f4c25e;        /* hover / highlight */
  --flag-red: #C0392B;         /* Swiss flag pin */

  /* ----- ink ----- */
  --ink: #221814;
  --ink-2: #4A3B33;
  --ink-3: #8A7766;
  --line: #E6DCC9;

  /* ----- type ----- */
  --serif: 'Instrument Serif', Georgia, serif;
  --sans: 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;

  /* ----- structure ----- */
  --radius-card: 18px;
  --radius-pill: 999px;
  --shadow-soft: 0 1px 2px rgba(34, 24, 20, 0.04),
                  0 8px 24px rgba(34, 24, 20, 0.06);
  --wrap: 1240px;
  --gutter: 32px;
}