/* Hallmark · genre: modern-minimal · macrostructure: Catalogue (product shell) · theme: custom (Arteman)
 * vibe: "herramienta de trabajo, marca en los detalles"
 * paper oklch(100% 0 0) · accent oklch(85.7% 0.244 136) lima neón · ink oklch(19.6% 0 0)
 * display: Roboto Slab 500 · body: Roboto 400/500
 * axes: light / roman-serif display / chromatic-other (green)
 */

:root {
  /* Paleta de marca (design system «Arteman - Presentaciones») */
  --color-ink: oklch(19.6% 0 0);              /* #151515 */
  --color-paper: oklch(100% 0 0);             /* #ffffff */
  --color-surface: oklch(96.7% 0 0);          /* #f4f4f4 light-grey */
  --color-line: oklch(91.9% 0 0);             /* #e4e4e4 mid-grey */
  --color-line-strong: oklch(84% 0.004 198);
  --color-ink-2: oklch(44% 0.012 198);        /* texto secundario legible (≥ 7:1) */
  --color-ink-3: oklch(51% 0.01 198);         /* metadatos (≥ 4.5:1 también sobre superficie) */
  --color-petroleo: oklch(32.3% 0.055 198);   /* #003c3e */
  --color-petroleo-2: oklch(37.5% 0.06 198);
  --color-petroleo-3: oklch(43% 0.06 198);
  --color-on-petroleo: oklch(100% 0 0);
  --color-on-petroleo-2: oklch(84% 0.03 190);
  --color-lima: oklch(85.7% 0.244 136);       /* #80f122 lima neón */
  --color-lima-claro: oklch(88.7% 0.184 133); /* #a8f36c */
  --color-verde: oklch(71.8% 0.203 135);      /* #65be1b */
  --color-verde-oscuro: oklch(41.9% 0.079 152); /* #275937 acento de texto sobre blanco */
  --color-on-lima: oklch(19.6% 0 0);

  /* Estados (derivados; nunca solo color: siempre punto + frase) */
  --color-libre: oklch(62% 0.17 140);
  --color-libre-text: oklch(41.9% 0.079 152);
  --color-fuera: oklch(32.3% 0.055 198);
  --color-reservado: oklch(43% 0.06 198);
  --color-incidencia: oklch(55% 0.19 28);
  --color-incidencia-bg: oklch(96.5% 0.02 28);
  --color-reparacion: oklch(72% 0.15 70);
  --color-reparacion-text: oklch(47% 0.11 60);
  --color-baja: oklch(70% 0 0);
  --color-aviso-bg: oklch(97% 0.03 95);
  --color-aviso-line: oklch(85% 0.09 90);
  --color-reservado-bg: oklch(95% 0.02 198);
  --color-check-bg: oklch(97% 0.04 133);
  --color-focus: oklch(55% 0.16 140);
  --color-select: oklch(88.7% 0.184 133 / 0.55);

  /* Tipografía */
  --font-display: "Roboto Slab", Georgia, serif;
  --font-body: Roboto, "Helvetica Neue", Arial, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.625rem;
  --text-2xl: 2rem;

  /* Espaciado (escala de 4 pt) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Forma: un solo redondeo, sin sombras */
  --radius: 5px;
  --rule: 1px;
  --rail-w: 248px;

  /* Movimiento */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur: 200ms;
}