/* Uzbekistan International Airport Careers design system
   Shared by public careers, HR admin and candidate assessment surfaces. */
:root{
  --ds-font:'Geist','Inter',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ds-ink:#102f4d;
  --ds-accent:#0877b9;
  --ds-accent-hover:#075f96;
  --ds-bg:#f1f6fb;
  --ds-surface:#fff;
  --ds-surface-soft:#eaf2f8;
  --ds-line:#dce7ef;
  --ds-muted:#526b82;
  --ds-radius-control:12px;
  --ds-radius-card:20px;
  --ds-radius-nested:12px;
  --ds-space-1:4px;
  --ds-space-2:8px;
  --ds-space-3:12px;
  --ds-space-4:16px;
  --ds-space-5:24px;
  --ds-space-6:32px;
  --ds-shadow:0 1px 2px rgba(16,47,77,.04),0 8px 24px rgba(16,47,77,.055);
  --ds-fast:160ms;
  --ds-base:240ms;
  --ds-ease:cubic-bezier(.23,1,.32,1);

  /* Public site and test naming aliases */
  --canvas:var(--ds-bg);
  --paper:var(--ds-surface);
  --alt:var(--ds-surface-soft);
  --ink:var(--ds-ink);
  --ink-soft:#294660;
  --mid:var(--ds-muted);
  --hair:var(--ds-line);
  --accent:var(--ds-accent);
  --accent-hover:var(--ds-accent-hover);
  --r-btn:var(--ds-radius-control);
  --r-card:var(--ds-radius-card);
  --r-nest:var(--ds-radius-nested);
  --shadow:var(--ds-shadow);
  --font:var(--ds-font);
  --dur-fast:var(--ds-fast);
  --dur-base:var(--ds-base);

  /* HR admin naming aliases */
  --bg:var(--ds-bg);
  --surface:var(--ds-surface);
  --surface-2:var(--ds-surface-soft);
  --surface-3:#dceaf4;
  --line:rgba(16,47,77,.12);
  --text:var(--ds-ink);
  --muted:var(--ds-muted);
  --faint:#617b91;
  --accent-fg:#086da8;
  --on-accent:#fff;
  --r-in:var(--ds-radius-control);
  --card-sh:var(--ds-shadow);
}

/* Keep the admin's user-selected dark mode, but bind it to the same token names. */
:root[data-theme="dark"]{
  --ds-ink:#f4f8fb;
  --ds-accent:#42a7df;
  --ds-accent-hover:#65b8e6;
  --ds-bg:#0c1e2d;
  --ds-surface:rgba(255,255,255,.07);
  --ds-surface-soft:rgba(255,255,255,.11);
  --ds-line:rgba(255,255,255,.12);
  --ds-muted:#b0c2d0;
  --ds-shadow:0 0 0 1px rgba(255,255,255,.12);
  --canvas:var(--ds-bg);
  --paper:var(--ds-surface);
  --alt:var(--ds-surface-soft);
  --ink:var(--ds-ink);
  --ink-soft:#c5d4df;
  --mid:var(--ds-muted);
  --hair:var(--ds-line);
  --accent:var(--ds-accent);
  --accent-hover:var(--ds-accent-hover);
  --bg:var(--ds-bg);
  --surface:var(--ds-surface);
  --surface-2:var(--ds-surface-soft);
  --surface-3:rgba(255,255,255,.16);
  --line:var(--ds-line);
  --text:var(--ds-ink);
  --muted:var(--ds-muted);
  --faint:#9bb0c0;
  --accent-fg:#83cff4;
  --on-accent:#fff;
  --card-sh:0 0 0 1px var(--line);
}

html,body,button,input,select,textarea{font-family:var(--ds-font)}
body{background:var(--ds-bg);font-size:15px;line-height:1.5}
:focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px}
.brand .mark{width:40px;height:40px;border-radius:50%;object-fit:cover}
.btn{min-height:40px;border-radius:var(--ds-radius-control);transition-duration:var(--ds-fast);transition-timing-function:var(--ds-ease)}
.btn-sm{min-height:36px}
.card{border-radius:var(--ds-radius-card)}
.nest,.tile,.check,.choice,.opt,.try,.res,.in,.sl,.ta,.fld input,.fld textarea{border-radius:var(--ds-radius-nested)}
.lang button,.langrow button{border-radius:999px}
@media (pointer:coarse){
  .btn:not(.btn-sm){min-height:44px}
  .btn-sm{min-height:44px}
  input,select,textarea{font-size:16px}
}