/* Tokens del Design System de Kimobox con la marca de KimoSign: el rojo
   pasa a ser el verde del logotipo. */
@font-face{font-family:"Roboto Condensed";src:url("../fonts/RobotoCondensed-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Condensed";src:url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("../fonts/Roboto-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("../fonts/Roboto-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("../fonts/Roboto-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

:root{
  --ks-brand-50:#ebf9f2;--ks-brand-100:#cdf0de;--ks-brand-200:#9be0bf;--ks-brand-300:#5ccd96;
  --ks-brand-400:#00ba69;--ks-brand-500:#00804a;--ks-brand-600:#006b3d;--ks-brand-700:#00573a;--ks-brand-800:#003d29;
  --kb-white:#ffffff;--kb-ink-05:#f2f2f2;--kb-ink-10:#e6e6e6;--kb-ink-20:#cccccc;--kb-ink-30:#b3b3b3;
  --kb-ink-40:#999999;--kb-ink-50:#808080;--kb-ink-60:#666666;--kb-ink-70:#4d4d4d;--kb-ink-80:#333333;
  --kb-ink-90:#1a1a1a;--kb-black:#000000;
  --kb-green-500:#1e9e5a;--kb-green-50:#eaf7f0;--kb-amber-500:#e8a200;--kb-amber-50:#fdf4e0;
  --kb-blue-500:#0b6fb4;--kb-blue-50:#e7f1f9;

  --brand:var(--ks-brand-500);--brand-hover:var(--ks-brand-600);--brand-active:var(--ks-brand-700);
  --brand-subtle:var(--ks-brand-50);--brand-border:var(--ks-brand-200);--on-brand:var(--kb-white);

  --text-strong:var(--kb-black);--text-body:var(--kb-ink-70);--text-muted:var(--kb-ink-50);
  --text-faint:var(--kb-ink-30);--text-accent:var(--brand);--text-on-dark:var(--kb-white);
  --text-on-dark-muted:rgba(255,255,255,.72);

  --surface-page:var(--kb-white);--surface-sunken:var(--kb-ink-05);--surface-card:var(--kb-white);
  --surface-raised:var(--kb-white);--surface-inverse:var(--kb-black);--surface-brand:var(--brand);
  --surface-hover:var(--kb-ink-05);--surface-selected:var(--ks-brand-50);

  --border-subtle:var(--kb-ink-10);--border-default:var(--kb-ink-20);--border-strong:var(--kb-ink-40);
  --border-inverse:rgba(255,255,255,.24);--focus-ring:var(--ks-brand-400);

  --success:var(--kb-green-500);--success-subtle:var(--kb-green-50);--warning:var(--kb-amber-500);
  --warning-subtle:var(--kb-amber-50);--danger:#b42318;--danger-subtle:#fef3f2;
  --info:var(--kb-blue-500);--info-subtle:var(--kb-blue-50);
  --link:var(--brand);--link-hover:var(--ks-brand-700);

  --font-display:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  --font-body:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --font-ui:"Roboto","Helvetica Neue",Arial,sans-serif;

  --fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;

  --fs-2xs:11px;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:25px;
  --fs-2xl:31px;--fs-3xl:39px;--fs-4xl:49px;--fs-5xl:61px;--fs-6xl:76px;

  --lh-tight:1.05;--lh-heading:1.15;--lh-snug:1.35;--lh-body:1.6;--lh-loose:1.75;
  --ls-display:-0.01em;--ls-tight:0;--ls-caps:0.06em;--ls-caps-wide:0.14em;

  --type-eyebrow-size:var(--fs-xs);--type-eyebrow-weight:var(--fw-bold);

  --space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
  --space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
  --space-20:80px;--space-24:96px;--space-32:128px;
  --field-pad-x:var(--space-3);--field-pad-y:10px;
  --control-h-sm:28px;--control-h-md:36px;--control-h-lg:44px;
  --content-max:1200px;--prose-max:68ch;

  --radius-0:0px;--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;
  --radius-xl:10px;--radius-pill:999px;

  --shadow-xs:0 1px 1px rgba(0,0,0,.05);
  --shadow-sm:0 1px 2px rgba(0,0,0,.07),0 1px 1px rgba(0,0,0,.04);
  --shadow-md:0 2px 6px rgba(0,0,0,.09),0 1px 2px rgba(0,0,0,.05);
  --shadow-lg:0 8px 24px rgba(0,0,0,.12);
  --shadow-xl:0 18px 48px rgba(0,0,0,.16);
  --shadow-focus:0 0 0 3px rgba(0,186,105,.32);

  --brand-bright:var(--ks-brand-400);--ink:#120e0d;
  --stripe-color:var(--brand-bright);--stripe-thickness:10px;--stripe-gap:14px;
}