/* PARTIDARIO — Design tokens (self-contained for landing) */

@font-face { font-family:"Courier Prime"; font-style:normal; font-weight:400; font-display:swap; src:url("fonts/CourierPrime-Regular.ttf") format("truetype"); }
@font-face { font-family:"Courier Prime"; font-style:italic; font-weight:400; font-display:swap; src:url("fonts/CourierPrime-Italic.ttf") format("truetype"); }
@font-face { font-family:"Courier Prime"; font-style:normal; font-weight:700; font-display:swap; src:url("fonts/CourierPrime-Bold.ttf") format("truetype"); }
@font-face { font-family:"Courier Prime"; font-style:italic; font-weight:700; font-display:swap; src:url("fonts/CourierPrime-BoldItalic.ttf") format("truetype"); }
@font-face { font-family:"Plus Jakarta Sans"; font-style:normal; font-weight:200 800; font-display:swap; src:url("fonts/PlusJakartaSans-VariableFont_wght.ttf") format("truetype"); }
@font-face { font-family:"Plus Jakarta Sans"; font-style:italic; font-weight:200 800; font-display:swap; src:url("fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf") format("truetype"); }
@font-face { font-family:"DM Sans"; font-style:normal; font-weight:100 1000; font-display:swap; src:url("fonts/DMSans-VariableFont_opsz_wght.ttf") format("truetype"); }
@font-face { font-family:"DM Sans"; font-style:italic; font-weight:100 1000; font-display:swap; src:url("fonts/DMSans-Italic-VariableFont_opsz_wght.ttf") format("truetype"); }

:root {
  /* Fondos */
  --background: #F2F2F0;
  --surface:    #FFFFFF;
  --border:     #E4E4E0;

  /* Texto */
  --text-primary:   #1A1A1A;
  --text-secondary: #6B6B6B;
  --text-disabled:  #BABAB6;

  /* Primario · teal */
  --primary:           #1B6B8A;
  --primary-soft:      #E6F1F5;
  --primary-soft-text: #1B6B8A;

  /* Acento · ámbar */
  --accent:           #F5A623;
  --accent-soft:      #FEF3DC;
  --accent-soft-text: #C47F0A;

  /* Semánticos */
  --success:      #2D7A4A;
  --success-soft: #E0F0E8;
  --error:        #C0392B;
  --error-soft:   #FADDDA;

  /* Marca */
  --brand-cyan: #35C0CE;

  /* Utilitarios */
  --white: #FFFFFF;
  --black: #000000;

  /* Overlays */
  --overlay:       rgba(26,26,26,0.48);
  --overlay-light: rgba(26,26,26,0.08);

  /* Grid */
  --grid-line: #C0C0BB;

  /* Avatares */
  --avatar-1: #1B6B8A;
  --avatar-2: #6B6B6B;
  --avatar-3: #5B3A9A;
  --avatar-4: #2D7A4A;
  --avatar-5: #8A4A20;
  --avatar-6: #9E3A72;

  /* Aliases */
  --text-body:    var(--text-primary);
  --text-muted:   var(--text-secondary);
  --surface-card: var(--surface);
  --surface-app:  var(--background);
  --border-soft:  var(--border);
  --border-ink:   var(--text-primary);

  /* Tipografía */
  --font-display: "Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  --font-body:    "DM Sans",system-ui,-apple-system,sans-serif;
  --font-mono:    "Courier Prime",ui-monospace,"SFMono-Regular",Menlo,monospace;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extra:    800;

  --display-xl: 800 40px/48px var(--font-display);
  --display-l:  800 32px/40px var(--font-display);
  --display-m:  800 26px/34px var(--font-display);
  --display-s:  800 22px/30px var(--font-display);

  --heading-l: 600 18px/26px var(--font-body);
  --heading-m: 600 16px/24px var(--font-body);
  --heading-s: 600 14px/20px var(--font-body);

  --body-l: 400 16px/26px var(--font-body);
  --body-m: 400 14px/22px var(--font-body);
  --body-s: 400 12px/18px var(--font-body);

  --label-l: 500 13px/18px var(--font-body);
  --label-m: 500 11px/16px var(--font-body);
  --label-s: 500 10px/14px var(--font-body);

  --mono-m: 400 13px/18px var(--font-mono);
  --mono-s: 400 11px/16px var(--font-mono);

  --button-l: 600 16px/20px var(--font-body);
  --button-m: 600 14px/18px var(--font-body);
  --button-s: 600 12px/16px var(--font-body);

  --tracking-display: -0.4px;
  --tracking-tight:   -0.2px;
  --tracking-normal:  0;
  --tracking-button:  0.8px;
  --tracking-eyebrow: 1.5px;

  /* Spacing */
  --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;

  /* Radios */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-card: 18px;
  --radius-full: 999px;
}