/* Design system · base tokens (blank kit from fabiostaiano.it/en/design-system/).
   Neutrals and a placeholder accent: they work straight away in light and dark. Replace the values marked TO CHOOSE,
   keep the names. The same values are in tokens.json. */

:root{
  color-scheme:light;
  /* Light theme (default) */
  --paper:#F5F5F5; /* page background */
  --wash:#EBEBEB; /* surfaces: cards, panels, dialogs */
  --line:#D4D4D4; /* borders and dividers */
  --muted:#5C5C5C; /* secondary text (4.5:1 on paper and wash) */
  --ink:#171717; /* main text */
  --link:#0F766E; /* links and focus */
  --accent:#0F766E; /* TO CHOOSE: your main colour */
  --on-accent:#FFFFFF; /* text on the accent (4.5:1) */

  /* Fonts: TO CHOOSE (system fonts in the kit) */
  --f-display:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* Spacing and sizes */
  --max:1120px;
  --gutter:clamp(16px,4vw,56px);
  --tap:44px;           /* minimum height of anything you tap */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px;

  /* Corners: TO CHOOSE (0 square, 8px rounded) */
  --r-ui:0;
  --r-pill:999px;

  /* Shadows: TO CHOOSE */
  --shadow-raised:none;
  --shadow-dialog:0 12px 32px rgba(0,0,0,.18);

  /* Timing */
  --t-fast:.2s; --t-fade:.35s; --t-move:.5s;
  --ease:cubic-bezier(.2,.8,.2,1);
}

/* Dark theme: follows the system, data-theme="dark" forces it */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --paper:#121212; /* page background */
    --wash:#1E1E1E; /* surfaces: cards, panels, dialogs */
    --line:#2E2E2E; /* borders and dividers */
    --muted:#A3A3A3; /* secondary text (4.5:1 on paper and wash) */
    --ink:#EDEDED; /* main text */
    --link:#5EEAD4; /* links and focus */
    --accent:#5EEAD4; /* TO CHOOSE: your main colour */
    --on-accent:#121212; /* text on the accent (4.5:1) */
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#121212; /* page background */
  --wash:#1E1E1E; /* surfaces: cards, panels, dialogs */
  --line:#2E2E2E; /* borders and dividers */
  --muted:#A3A3A3; /* secondary text (4.5:1 on paper and wash) */
  --ink:#EDEDED; /* main text */
  --link:#5EEAD4; /* links and focus */
  --accent:#5EEAD4; /* TO CHOOSE: your main colour */
  --on-accent:#121212; /* text on the accent (4.5:1) */
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}