/* Printigo — FORMA / 06 · design tokens (hand-written; build_logo.py writes tokens.generated.css only) */

@font-face {
  font-family: "Lemonada";
  src: url("fonts/Lemonada-Variable.ttf") format("truetype");
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("fonts/Vazirmatn-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Martian Mono";
  src: url("fonts/MartianMono-Variable.ttf") format("truetype");
  font-weight: 100 800;
  font-stretch: 75% 112.5%;
  font-display: swap;
}

:root {
  /* ألوان عربية العصير — every colour has a job in the die */
  --karkadeh: #B5123F;      /* اللوح — the board, primary */
  --karkadeh-deep: #8C0B2F; /* shadowed board, pressed states */
  --sobia: #F7F0E3;         /* القطعة — paper, pieces, reading surfaces */
  --sahlab: #E9DFCC;        /* سطح ثانوي — secondary surface, rules */
  --kharroub: #24101A;      /* العمق — ink, text, the hole, the cut */
  --kharroub-2: #3A1D2A;    /* raised dark surface */
  --na3na3: #B8E6CF;        /* الطلعة — success, the pop, "طلعت" */
  --manga: #FFB02E;         /* المسكة المستنياك — a hold waiting on you */

  /* type */
  --font-display: "Lemonada", "Vazirmatn", system-ui, sans-serif;
  --font-text: "Vazirmatn", system-ui, sans-serif;
  --font-label: "Martian Mono", ui-monospace, monospace;

  /* the die */
  --r-die: 6px;      /* minimum radius: a steel-rule die can't cut a sharp corner */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 28px;
  --r-pill: 999px;
  --kerf-w: 1.5px;   /* خط القص */
  --kerf-off: 7px;   /* distance from the piece to its cut line */
  --hold: 8px;       /* المسكة — the gap a hold leaves in the cut line */

  /* motion */
  --t-cut: 220ms;
  --t-pop: 620ms;
  --ease-pop: cubic-bezier(.2, 1.6, .4, 1);
  --ease-out: cubic-bezier(.2, .8, .2, 1);

  /* space (4-pt) */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 144px;
}