/*
 * Inox Nagyker design tokens and the Archivo font, shared by the shop (inox.css)
 * and the admin (admin.css).
 */

/* ------------------------------------------------------------------- fonts */
/* Archivo, self-hosted (variable: width 62-125, weight 400-800) */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("../fonts/archivo/archivo-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("../fonts/archivo/archivo-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ------------------------------------------------------------------ tokens */
:root {
  --ix-ink: #00171F;          /* logo near-black: text */
  --ix-navy: #003459;         /* logo navy: primary */
  --ix-navy-700: #00284A;     /* primary hover / pressed */
  --ix-navy-050: #E8EFF5;     /* primary tint: selected rows, chips */
  --ix-sky: #00A8E8;          /* small accents */
  --ix-link: #006E9B;         /* links on white, 5.7:1 */
  --ix-page: #F2F4F6;         /* page ground */
  --ix-surface: #FFFFFF;
  --ix-stripe: #F7F9FA;       /* zebra rows */
  --ix-line: #E1E6EB;
  --ix-line-strong: #C6CFD8;
  --ix-muted: #5B6B78;        /* secondary text, 5.5:1 on white */
  --ix-success: #1F7A45;
  --ix-success-050: #E7F4EC;
  --ix-warning: #8A5A00;       /* amber text on white, 6.1:1 */
  --ix-warning-050: #FFF4DE;
  --ix-danger: #B42318;
  --ix-danger-050: #FDECEA;
  --ix-info-050: #E3F4FB;
  --ix-disabled: #AEB8C1;

  --ix-font: "Archivo", "Segoe UI", Roboto, Arial, sans-serif;
  --ix-radius: 8px;
  --ix-radius-sm: 6px;
  --ix-shadow-sm: 0 1px 2px rgba(0, 23, 31, .05), 0 2px 6px rgba(0, 23, 31, .05);
  --ix-shadow: 0 6px 18px rgba(0, 23, 31, .10);
  --ix-shadow-lg: 0 14px 34px rgba(0, 23, 31, .16);
  --ix-ring: 0 0 0 3px rgba(0, 168, 232, .35);
  --ix-ease: cubic-bezier(.16, 1, .3, 1);
  --ix-gap: 24px;
}