/* Qantara's shared visual language, mirrored from Recruit's default light theme.
   Source: C:/qantara-recruit/src/app/globals.css and src/lib/theme.ts at 189e1362.
   Keep Live-specific screen and overlay colours below the shared tokens. */
@font-face {
  font-family: Inter;
  src: url('/fonts/inter-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: Fraunces;
  src: url('/fonts/fraunces-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  color-scheme: light;
  --parchment: #f6f1e6;
  --parchment-soft: #fbf8f1;
  --parchment-deep: #eadfc9;
  --plate: #f2ebdc;
  --copper: #b87344;
  --copper-dark: #96532d;
  --copper-light: #d6a27f;
  --midnight: #0f1b2e;
  --midnight-elevated: #15243a;
  --midnight-soft: #344054;
  --ink-muted: #687280;
  --white: #fffefd;

  --bg: var(--parchment);
  --surface: #fffdf9;
  --surface-2: var(--parchment-soft);
  --surface-sunken: var(--plate);
  --ink: var(--midnight);
  --ink-2: var(--midnight-soft);
  --ink-3: var(--ink-muted);
  --rule: rgba(15, 27, 46, 0.1);
  --rule-2: rgba(15, 27, 46, 0.2);
  --success: #346a58;
  --success-soft: #e3eee8;
  --warning: #8a5a12;
  --warning-soft: #f6ead2;
  --danger: #9a463c;
  --danger-soft: #f6e3df;
  --info: #2f5a8a;
  --info-soft: #e2ebf5;

  --nav-bg: #0f1b2e;
  --nav-ink: #fbf8f1;
  --nav-ink-muted: #aab5c5;
  --nav-hover: #1d2a3c;
  --nav-active: #2b384a;
  --nav-rule: #2d394b;
  --nav-marker: #d6a27f;
  --accent: #b87344;
  --accent-fill: #96532d;
  --accent-fill-hover: #82482b;
  --accent-ink: #ffffff;
  --accent-text: #96532d;
  --accent-soft: #f4ebe1;
  --accent-ring: #d9b597;

  --shadow-1: 0 1px 2px rgba(15, 27, 46, 0.05);
  --shadow-2: 0 6px 18px rgba(15, 27, 46, 0.06);
  --shadow-3: 0 12px 34px rgba(15, 27, 46, 0.08);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --qr-font-body: Inter, 'Segoe UI', system-ui, sans-serif;
  --qr-font-heading: Fraunces, Georgia, serif;
  --qr-radius-1: 2px;
  --qr-radius-2: 6px;
  --qr-radius-3: 10px;
  --qr-radius-4: 16px;
  --qr-radius-control: 6px;

  /* Live's large caption surfaces, derived from the same palette. */
  --caption-bg: var(--midnight);
  --caption-ink: var(--parchment-soft);
  --screen-ink-muted: var(--nav-ink-muted);
  --overlay-ink: #ffffff;
  --overlay-shadow: #000000;
}