/* 279studio — design tokens (ver DESIGN_SYSTEM.md) */
:root {
  --negro: #0a0a0a;
  --gris-osc: #1c1b19;
  --hueso: #f4f2ed;
  --gris-text: #e6e2d8;
  --acento: #8c8478;
  --acento-suave: #b4ac9d;
  --acento-vivo: #c9974a;
  --acento-vivo-rgb: 201, 151, 74;
  --linea: rgba(244, 242, 237, 0.14);
  --linea-fuerte: rgba(244, 242, 237, 0.28);

  --serif: 'Fraunces', serif;
  --sans: 'Inter', sans-serif;
  --label: 'Montserrat', sans-serif;

  --container: 1280px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.25s;
  --dur-med: 0.6s;
  --dur-slow: 1.1s;

  --radius-s: 4px;
  --radius-m: 10px;

  color-scheme: dark;
}