/* ============================================================
   minute.tools — Design tokens
   Minimalista: fondo blanco, tinta casi-negra, un solo acento.
   ============================================================ */

:root {
  /* Color */
  --paper: #ffffff;
  --paper-sunken: #f7f7f5;
  --ink: #141414;
  --ink-soft: #3d3d3d;
  --muted: #71716c;
  --line: #e8e8e4;
  --line-strong: #d4d4cf;
  --accent: #ff4d00;
  --accent-hover: #e04400;
  --accent-soft: rgba(255, 77, 0, 0.07);
  --accent-ring: rgba(255, 77, 0, 0.22);
  --on-accent: #ffffff;
  --ok: #0f7b3d;
  --ok-soft: rgba(15, 123, 61, 0.08);
  --error: #c92a2a;
  --error-soft: rgba(201, 42, 42, 0.07);
  --shadow-card: 0 1px 2px rgba(20, 20, 20, 0.04);
  --shadow-card-hover: 0 10px 28px rgba(20, 20, 20, 0.09);

  /* Tipografía */
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;

  /* Escala tipográfica */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-hero: clamp(2.25rem, 6vw, 3.5rem);

  /* Espaciado y forma */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --max-width: 1040px;
  --header-height: 60px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 160ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #101010;
    --paper-sunken: #191918;
    --ink: #f2f2ef;
    --ink-soft: #c9c9c4;
    --muted: #96968f;
    --line: #262624;
    --line-strong: #3a3a36;
    --accent: #ff5c14;
    --accent-hover: #ff6d2e;
    --accent-soft: rgba(255, 92, 20, 0.12);
    --accent-ring: rgba(255, 92, 20, 0.35);
    --ok: #4cc38a;
    --ok-soft: rgba(76, 195, 138, 0.12);
    --error: #ff6363;
    --error-soft: rgba(255, 99, 99, 0.12);
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-card-hover: 0 10px 28px rgba(0, 0, 0, 0.45);
  }
}