/*
 * Token di BullWife: tema scuro, l'unico. Il CSS di Tailwind (web/static/css/app.css) usa solo questi
 * nomi; i valori stanno qui. Colori come canali HSL ("240 9% 4%") perché Tailwind ci aggiunge
 * l'opacità. Il controllo del contrasto (internal/brand, go test) legge questo file.
 */
@font-face {
  font-family: "Inter";
  src: url("/static/brand/fonts/inter-latin.woff2?v=c06b669f20") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* Arial con le metriche di Inter: il testo non salta quando arriva il font. */
@font-face {
  font-family: "Inter Fallback";
  src: local("Arial");
  size-adjust: 107.06%;
  ascent-override: 90.49%;
  descent-override: 22.56%;
  line-gap-override: 0%;
}

:root {
  /* Fondi */
  --bg: 240 9% 4%;            /* #0A0A0C */
  --surface: 240 8% 7%;
  --raised: 240 6% 12%;
  --line: 240 6% 16%;         /* divisori */
  --line-strong: 240 5% 24%;  /* bordi di campi e controlli: grigio scuro, discreto */
  /* Testo */
  --fg: 0 0% 96%;
  --soft: 0 0% 84%;
  --muted: 240 5% 62%;
  /* Brand */
  --brand: 343 70% 42%;       /* #B8204A, solo riempimenti */
  --brand-text: 345 70% 60%;  /* link, focus, testo bordeaux: 5.1:1 */
  --on-brand: 0 0% 100%;      /* testo sui riempimenti brand */
  --horn: 34 61% 77%;         /* #E8C9A0 */
  /* Stati e ruoli */
  --success: 152 60% 45%;
  --fantasy: 270 60% 78%;  /* "Fantasia" nei racconti */
  --warning: 38 90% 55%;
  --danger: 0 70% 64%;
  --role-coppia: 345 70% 63%;
  --role-lei: 300 45% 68%;
  --role-bull: 34 61% 77%;
  /* Controlli e badge dei tipi (come le bozze) */
  --control: 240 6% 20%;          /* binario di interruttori e cursori */
  --badge-lei: 300 30% 30%;
  --badge-lei-text: 302 56% 89%;  /* #F0D4EF */
  --badge-bull: 38 45% 28%;        /* bozza 30%: 4.4:1, sotto il minimo */
  --badge-bull-text: 34 61% 77%;  /* horn */
  /* Font, raggi, ombre, spaziature */
  --font-sans: Inter, "Inter Fallback", system-ui, sans-serif;
  --radius-sm: 0.125rem;
  --radius: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;        /* controlli */
  --radius-xl: 0.75rem;       /* card */
  --radius-2xl: 1rem;         /* sheet e modali */
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-md: 0 10px 30px rgb(0 0 0 / 0.5);
  --shadow-lg: 0 30px 60px rgb(0 0 0 / 0.6);
  --gutter: 1rem;             /* margine laterale, più la safe area */
  color-scheme: dark;
}

/* Tema chiaro: con la preferenza del sistema o con data-theme="light" (bottone sole/luna); i due
 * blocchi devono restare uguali (go test). */
:root[data-theme="light"] {
  /* Tema chiaro dalla pagina del logo delle bozze: carta #F6F1EE, inchiostro #1A1418, bordeaux
   * #B8204A; "Bull" del marchio in inchiostro (horn), come la variante del logo su chiaro. */
  --bg: 20 29% 95%;           /* #F6F1EE carta */
  --surface: 0 0% 100%;
  --raised: 20 20% 91%;
  --line: 20 12% 86%;
  --line-strong: 20 8% 78%;
  --fg: 320 13% 9%;           /* #1A1418 inchiostro */
  --soft: 320 6% 26%;
  --muted: 320 4% 38%;
  --brand: 343 70% 42%;
  --brand-text: 343 70% 40%;
  --on-brand: 0 0% 100%;
  --horn: 320 13% 9%;
  --success: 152 70% 26%;
  --fantasy: 270 45% 42%;
  --warning: 30 95% 30%;
  --danger: 0 70% 42%;
  --role-coppia: 345 70% 40%;
  --role-lei: 300 45% 36%;
  --role-bull: 30 55% 30%;
  --control: 20 10% 80%;
  --badge-lei: 300 45% 92%;
  --badge-lei-text: 300 45% 28%;
  --badge-bull: 34 60% 88%;
  --badge-bull-text: 30 60% 24%;
  --shadow-sm: 0 1px 2px rgb(26 20 24 / 0.08);
  --shadow-md: 0 8px 24px rgb(26 20 24 / 0.12);
  --shadow-lg: 0 24px 48px rgb(26 20 24 / 0.16);
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    /* Tema chiaro dalla pagina del logo delle bozze: carta #F6F1EE, inchiostro #1A1418, bordeaux
     * #B8204A; "Bull" del marchio in inchiostro (horn), come la variante del logo su chiaro. */
    --bg: 20 29% 95%;           /* #F6F1EE carta */
    --surface: 0 0% 100%;
    --raised: 20 20% 91%;
    --line: 20 12% 86%;
    --line-strong: 20 8% 78%;
    --fg: 320 13% 9%;           /* #1A1418 inchiostro */
    --soft: 320 6% 26%;
    --muted: 320 4% 38%;
    --brand: 343 70% 42%;
    --brand-text: 343 70% 40%;
    --on-brand: 0 0% 100%;
    --horn: 320 13% 9%;
    --success: 152 70% 26%;
    --fantasy: 270 45% 42%;
    --warning: 30 95% 30%;
    --danger: 0 70% 42%;
    --role-coppia: 345 70% 40%;
    --role-lei: 300 45% 36%;
    --role-bull: 30 55% 30%;
    --control: 20 10% 80%;
    --badge-lei: 300 45% 92%;
    --badge-lei-text: 300 45% 28%;
    --badge-bull: 34 60% 88%;
    --badge-bull-text: 30 60% 24%;
    --shadow-sm: 0 1px 2px rgb(26 20 24 / 0.08);
    --shadow-md: 0 8px 24px rgb(26 20 24 / 0.12);
    --shadow-lg: 0 24px 48px rgb(26 20 24 / 0.16);
    color-scheme: light;
  }
}

/* Foto della presentazione in home (licenza Unsplash): scura col tema scuro (unsplash.com/photos/f4OmS_SluJc),
 * chiara col tema chiaro (unsplash.com/photos/nyMfwv7LBPw). */
:root {
  --hero-img: url("/static/brand/img/hero-dark.webp?v=bb4bc358d8");
}
:root[data-theme="light"] {
  --hero-img: url("/static/brand/img/hero-light.webp?v=2e37c97993");
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --hero-img: url("/static/brand/img/hero-light.webp?v=2e37c97993");
  }
}