/* tapis-vert — tokens (spec §4.2, §4.3). Custom properties only; no rule here styles anything.
   The names are French on purpose: they are the things. */

@font-face {
  font-family: "Besley";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/static/fonts/besley-bold.woff2") format("woff2");
}

:root {
  --tapis: #1C4B42;      /* the mat: the tartan back's slate-teal, not casino felt */
  --lisiere: #133730;    /* the header, the mat's edge, a sheet's scrim */
  --filet: #4E7F73;      /* ruled lines only; 2.2 on the mat, so never text */
  --carton: #E3E1D6;     /* card stock, measured by the pipeline: manifest.json "stock" */
  --encre: #1A1714;      /* the printers' warm black */
  --vermillon: #AD2F20;  /* hearts, diamonds, failure. Never an accent */
  --dorure: #E2B24A;     /* your turn, and nothing else */
  --craie: #F3F1EA;      /* text on the mat */
  --azur: #1F5FA8;       /* diamonds, with four-colour marks */
  --sapin: #1E6B3A;      /* clubs, with four-colour marks */

  --font-index: "Besley", ui-serif, Georgia, serif;
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --radius-button: 10px;
  --radius-sheet: 18px;
  --shadow-card: 0 1px 0 rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .25);
  --shadow-lifted: 0 2px 0 rgba(0, 0, 0, .35), 0 10px 18px rgba(0, 0, 0, .35);
  --card-dim: 1;
}

:root[data-theme="dim"] {
  --tapis: #0F2622;
  --lisiere: #0A1B18;
  --card-dim: .72;
}