/* ============================================================
   Dipli — Design tokens
   ============================================================ */

/* ------------------------------------------------------------
   Font Geomanist (self-hosted)
   ------------------------------------------------------------ */
@font-face {
  font-family: 'Geomanist';
  src: url('../fonts/Geomanist-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geomanist';
  src: url('../fonts/Geomanist-Book.otf') format('opentype');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geomanist';
  src: url('../fonts/Geomanist-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geomanist';
  src: url('../fonts/Geomanist-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geomanist';
  src: url('../fonts/Geomanist-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geomanist';
  src: url('../fonts/Geomanist-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ------------------------------------------------------------
     Font
     ------------------------------------------------------------ */
  --font-primary: 'Geomanist', system-ui, sans-serif;
  --bulma-family-primary: 'Geomanist', system-ui, sans-serif;
  --bulma-family-secondary: 'Geomanist', system-ui, sans-serif;

  /* ------------------------------------------------------------
     Dipli color palette
     ------------------------------------------------------------ */
  --color-violet:   #6151ff;   /* primary — Violet */
  --color-aloe:     #33b7b0;   /* secondary — Aloe */
  --color-prune:    #1c0839;   /* dark — Prune */
  --color-lilac:    #dfdcff;   /* light violet — Lilac */
  --color-glacial:  #ffffff;   /* white — Glacial */
  --color-mint:     #c8f4e7;   /* light green — Mint */
  --color-lavender: #aca3ff;   /* medium violet — Lavender */

  /* Login page background */
  --color-bg-page:  #eeeef9;

  /* ------------------------------------------------------------
     Bulma: color overrides
     ------------------------------------------------------------ */
  --bulma-primary-h: 245;
  --bulma-primary-s: 100%;
  --bulma-primary-l: 66%;

  /* Aloe #33b7b0 → hsl(177, 56%, 46%) */
  --bulma-info-h: 177;
  --bulma-info-s: 56%;
  --bulma-info-l: 46%;

  /* ------------------------------------------------------------
     Geometry
     ------------------------------------------------------------ */
  --radius:        25px;
  --bulma-radius:  12px;
  --bulma-radius-large: 20px;

  /* Alias */
  --color-accent: var(--color-violet);

  /* ------------------------------------------------------------
     Bulma : heritage color variables
     ------------------------------------------------------------ */
  --bulma-strong-color: currentColor;
}