/*
 * Tema d'Inefable Studio (BRAND_MARK=inefable), damunt de /assets/app.css.
 *
 * Paleta del brandkit: «Lino» #FFFFF1, «Negro» #000 i els grisos càlids
 * #D4D4CA, #AAAAA2, #808079, #555551, #2B2B29. Tipografia corporativa: Neue Haas
 * Grotesk Display (text i logotip) i Adriane Text (titulars).
 * L'accent (--highlight) el posa config.mjs (#d4d4ca), com el de qualsevol instància.
 * Només es carrega en aquesta instància: l'entrypoint esborra els temes que no s'hi fan servir.
 */
@font-face { font-family: "Neue Haas Display"; src: url("fonts/neue-haas-display-300.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Neue Haas Display"; src: url("fonts/neue-haas-display-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Neue Haas Display"; src: url("fonts/neue-haas-display-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Neue Haas Display"; src: url("fonts/neue-haas-display-500.woff2") format("woff2"); font-weight: 500 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Neue Haas Display"; src: url("fonts/neue-haas-display-700.woff2") format("woff2"); font-weight: 700 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Adriane Text"; src: url("fonts/adriane-text-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Adriane Text"; src: url("fonts/adriane-text-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Adriane Text"; src: url("fonts/adriane-text-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --font-sans: "Neue Haas Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Adriane Text", Georgia, "Times New Roman", serif;
  --radius: 0.5rem;

  --background: #fffff1;
  --foreground: #000000;
  --card: #fffff1;
  --card-foreground: #000000;
  --popover: #fffff1;
  --popover-foreground: #000000;
  --primary: #000000;
  --primary-foreground: #fffff1;
  --secondary: #efefe2;
  --secondary-foreground: #000000;
  --muted: #efefe2;
  --muted-foreground: #555551;
  --accent: #efefe2;
  --accent-foreground: #000000;
  --border: #d4d4ca;
  --input: #aaaaa2;
  --ring: #000000;

  --sidebar: #fffff1;
  --sidebar-foreground: #000000;
  --sidebar-primary: #000000;
  --sidebar-primary-foreground: #fffff1;
  --sidebar-accent: #efefe2;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #d4d4ca;
  --sidebar-ring: #000000;
}

/* La Neue Haas Display ja és estreta: sense l'interlletratge negatiu que la plataforma dona a l'Outfit */
body { letter-spacing: 0; }
[class*="tracking-"] { letter-spacing: -0.01em; }

/* Els titulars, en Adriane: la serif no vol el pes ni l'interlletratge ajustat de la grotesca */
h1, .dialog [data-title] { font-family: var(--font-display); font-weight: 400; letter-spacing: -0.015em; }

/* El cor «Lino» sobre negre */
.tile { background: #000; }
.tile svg { width: 56%; aspect-ratio: 312 / 272; }