/* ── Zurich Kotak brand typeface ───────────────────────────── */
@font-face {
  font-family: 'Zurich Sans';
  src: url('./assets/fonts/ZurichSans-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zurich Sans';
  src: url('./assets/fonts/ZurichSans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Zurich Sans';
  src: url('./assets/fonts/ZurichSans-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand palette lifted from zurichkotak.com */
  --zk-blue: #2167ae;
  --zk-blue-dark: #1a5490;
  --zk-blue-deep: #1a528b;
  --zk-navy: #23366f;
  --zk-blue-mid: #5495cf;
  --zk-blue-light: #91bfe3;
  --zk-cyan: #c7ebf9;

  --zk-ink: #2b2e31;
  --zk-muted: #5d6162;
  --zk-grey: #a6adaf;
  --zk-line: #dde4e3;
  --zk-line-soft: #eceeef;
  --zk-tint: #f4f9fc;
  --zk-tint-blue: #ebf3fb;
  --zk-white: #fff;
  --zk-danger: #d32f2f;

  --font-zurich: 'Zurich Sans', Arial, Helvetica, sans-serif;

  font-family: var(--font-zurich);
  font-size: 16px;
  line-height: 1.5;
  color: var(--zk-ink);
  background: var(--zk-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

* {
  box-sizing: border-box;
}

html,
body,
#root {
  height: 100%;
}

body {
  margin: 0;
}

button,
input {
  font: inherit;
  color: inherit;
}