/*
 * The Pretor brand, taken from pretor.ar rather than invented here, so the product a client is sold
 * and the product they log into are the same one. Palette, scale and easing are verbatim.
 *
 * Two palettes, not a light and a dark mode. The site runs two permanent worlds on purpose
 * (Ius · Tradición in stone, IA · Tecnología in black and gold) and this app inherits that as its
 * information architecture: the conversation is dark, the case record is stone. See pretor-worlds.
 */

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url("/assets/cinzel-latin-76db9be3.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/assets/inter-latin-496a588b.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("/assets/jetbrains-mono-latin-68dbce1c.woff2") format("woff2");
}

:root {
  /* Ius · Tradición */
  --stone: #f4f0e8;
  --stone-2: #ece6d8;
  --stone-card: #faf7f0;
  --ink: #1a1a1a;
  --muted: #5b5852;
  --line: #ddd6c6;
  --oxblood: #6b2737;
  --oxblood-soft: #8a3a4b;

  /* IA · Tecnología */
  --black: #0b0b0e;
  --panel: #121218;
  --panel-2: #16161c;
  --marble: #ece7da;
  --dmuted: #8d897e;
  --dline: #25252e;
  --gold: #c8a35b;
  --gold-soft: #d8be8a;

  --serif: "Cinzel", "Times New Roman", serif;
  --sans: "Inter", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* Fluid from the smallest viewport up, which is what makes mobile-first free here. */
  --step--1: clamp(.78rem, .74rem + .18vw, .88rem);
  --step-0: clamp(.95rem, .9rem + .25vw, 1.05rem);
  --step-1: clamp(1.15rem, 1.05rem + .5vw, 1.35rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --step-3: clamp(2rem, 1.6rem + 2vw, 3.2rem);
  --step-4: clamp(2.6rem, 2rem + 3vw, 4.6rem);

  --pad-x: clamp(1rem, 4vw, 2.5rem);
  --maxw: 1180px;
  --radius: 12px;
  --radius-sm: 8px;
  --ease: cubic-bezier(.22, .61, .36, 1);
}