/* Tokens de identidad de Ondina. Fuente de verdad: DESIGN.md.
   Concepto: las notas pegadas en el vidrio. */
@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Patrick+Hand&display=swap");

:root {
  /* Superficies */
  --paper: #F6F3EC;
  --sheet: #FFFDF6;
  --line: #DDD8C8;
  --margin-red: #E9A6A0;

  /* Texto */
  --ink: #1D2B22;
  --ink-soft: #4B5A50;
  --pen: #1B2A4A;

  /* Acción y estado */
  --action: #B9E36E;
  --action-hover: #9ACB52;
  --action-deep: #1F5A38;
  --action-soft: #CDEBC9;
  --go: #2F7D4F;
  --warn: #D2600A;
  --warn-ink: #8A3F05;
  --warn-bg: #FFF1E4;
  --rec: #C93A24;

  /* Notas adhesivas: solo sobre notas */
  --note-yellow: #EED350;
  --note-lime: #C3E384;
  --note-peach: #F7C99D;

  /* Tipografía */
  --font-display: "Baloo 2", system-ui, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-hand: "Patrick Hand", "Segoe Print", "Bradley Hand", cursive;

  --text-1: 13px;
  --text-2: 15px;
  --text-3: 17px;
  --text-4: 20px;
  --text-5: 28px;
  --text-6: 40px;

  /* Espaciado (múltiplos de 4) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* Formas */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 14px;
  --radius-pill: 999px;
}