/* Tasador Cantabria — design tokens v9 (azul petróleo de marca · Inter)
 * v8.1 era monocromática: el acento era el mismo negro que el texto. Ahora
 * hay color de marca y lo comparten portada y landings, que cargan las dos
 * este fichero. El azul petróleo se eligió lejos del turquesa de Bahía Home. */
:root {
  /* base: light Apple */
  --bg:            #ffffff;
  --bg-2:          #fbfbfd;
  --surface:       #ffffff;
  --surface-2:     #f5f5f7;
  --surface-3:     #e8e8ed;
  --glass:         rgba(255, 255, 255, 0.78);

  /* tinta con una gota de azul: sigue leyéndose como negro pero no lo es */
  --ink:           #111E26;
  --ink-2:         #3A4750;
  --muted:         #6e6e73;
  --faint:         #86868b;
  --line:          #d2d2d7;
  --line-2:        #e5e5e7;

  /* acento de marca: azul petróleo. 7,2:1 sobre blanco, así que vale también
     para texto, no solo para adornar. */
  --accent:        #0B5C7A;
  --accent-2:      #0F9BC4;   /* cian vivo: gráficos y realces, NO texto */
  --accent-press:  #083F55;
  --accent-weak:   #E3EFF4;
  --accent-soft:   #F5FAFC;
  --accent-ink:    #ffffff;

  /* primary = acento (antes era el negro) */
  --primary:       #0B5C7A;
  --primary-ink:   #ffffff;
  --primary-press: #083F55;

  --good:          #30a46c;
  --bad:           #e5484d;
  --warn:          #e8a317;
  --focus:         #0B5C7A;

  /* charts — el acento manda y los neutros acompañan */
  --chart-1:       #0B5C7A;
  --chart-2:       #9FCBDD;
  --chart-3:       #DCE7EC;
  --chart-grid:    #E6ECEF;
  --chart-fill:    #EFF6F9;

  --font:         "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --font-display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  --text-xs:    0.75rem;
  --text-sm:    0.8125rem;
  --text-base:  0.9375rem;
  --text-md:    1.0625rem;
  --text-lg:    1.375rem;
  --text-xl:    1.75rem;
  --text-2xl:   2.25rem;
  --text-3xl:   3rem;
  --text-figure: clamp(3rem, 13vw, 5.5rem);
  --text-hero:   clamp(2.5rem, 9vw, 4rem);

  --space-3xs: 0.25rem; --space-2xs: 0.5rem; --space-xs: 0.75rem;
  --space-sm: 1rem;     --space-md: 1.25rem; --space-lg: 1.75rem;
  --space-xl: 2.5rem;   --space-2xl: 3.5rem; --space-3xl: 5rem;

  --r-card: 18px; --r-field: 12px; --r-chip: 980px; --r-pill: 980px;

  /* sombras Apple — sutiles y discretas */
  --shadow-sm:   0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.03);
  --shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 6px 24px -10px rgba(0,0,0,.08);
  --shadow-pop:  0 30px 80px -30px rgba(0,0,0,.18);
  --shadow-hero: 0 24px 60px -28px rgba(0,0,0,.22);
  --ring-hi:     inset 0 1px 0 rgba(255,255,255,.30);

  /* curvas premium — fluidas, sin bouncy excesivo */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);          /* expo-out clásico */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);           /* spring contenido (no overshoot) */
  --ease-in-out: cubic-bezier(0.83, 0, 0.17, 1);          /* dramatic Apple-like */
  --ease-soft:   cubic-bezier(0.4, 0, 0.2, 1);            /* material smooth */
  --dur-fast: 180ms; --dur: 320ms; --dur-slow: 580ms;

  --app-w: 30rem;
  --z-bar: 50;

  color-scheme: light;
}

/* Modo claro forzado — sin toggle de tema (v8.1) */