/* ============================================================
   Yba — Design Tokens
   Transcrito de itads-yba (primitive, semantic, typo, textStyles)
   ============================================================ */

:root {
  /* ---------- PRIMITIVE: paleta de cores ---------- */

  /* Lime — accent */
  --lime-50:  #eefae9;
  --lime-100: #d4f2c8;
  --lime-200: #b7e9a4;
  --lime-300: #98df7d;
  --lime-400: #7ed85f;
  --lime-500: #65d040;
  --lime-600: #55bf38;
  --lime-700: #3eab2e;
  --lime-800: #239623;
  --lime-900: #00740e;

  /* Yellow */
  --yellow-50:  #fdf2e0;
  --yellow-100: #fbdeb1;
  --yellow-200: #f9c87e;
  --yellow-300: #f6b24b;
  --yellow-400: #f5a125;
  --yellow-500: #f39200;
  --yellow-600: #ef8600;
  --yellow-700: #e97700;
  --yellow-800: #e36700;
  --yellow-900: #d94d00;

  /* Orange — secundária */
  --orange-50:  #fff2df;
  --orange-100: #ffdeb1;
  --orange-200: #ffc97e;
  --orange-300: #ffb34a;
  --orange-400: #ffa222;
  --orange-500: #ff9200;
  --orange-600: #fb8600;
  --orange-700: #f57600;
  --orange-800: #ef6500;
  --orange-900: #e64900;

  /* Green — primária */
  --green-50:  #e6f4eb;
  --green-100: #cae8d4;
  --green-200: #98d2ac;
  --green-300: #62bb81;
  --green-400: #41955e;
  --green-500: #2a613d;
  --green-600: #224e31;
  --green-700: #193924;
  --green-800: #193924;
  --green-900: #193924;
  --green-950: #112719;

  /* Blue — info */
  --blue-50:  #e2f4f8;
  --blue-100: #b6e4ed;
  --blue-200: #8ad2e2;
  --blue-300: #66c0d8;
  --blue-400: #50b3d2;
  --blue-500: #3fa6cd;
  --blue-600: #3899bf;
  --blue-700: #2e86ad;
  --blue-800: #2b759a;
  --blue-900: #205678;

  /* Red — erro */
  --red-50:  #feecee;
  --red-100: #feecee;
  --red-200: #fab3bd;
  --red-300: #f78c9c;
  --red-400: #f5667a;
  --red-500: #f2415a;
  --red-600: #e5102e;
  --red-700: #ac0c22;
  --red-800: #730817;
  --red-900: #39040b;
  --red-950: #080808;

  /* Neutral — texto/superfícies */
  --neutral-0:   #fafafa;
  --neutral-50:  #f5f5f5;
  --neutral-100: #dadada;
  --neutral-200: #bfbfbf;
  --neutral-300: #9f9f9f;
  --neutral-400: #7f7f7f;
  --neutral-500: #5f5f5f;
  --neutral-600: #3f3f3f;
  --neutral-700: #1f1f1f;
  --neutral-800: #080808;

  /* ---------- PRIMITIVE: escala de tamanhos ---------- */
  --size-nano:  1px;
  --size-micro: 2px;
  --size-xs:    4px;
  --size-s:     8px;
  --size-sm:    12px;
  --size-m:     16px;
  --size-ml:    20px;
  --size-l:     24px;
  --size-xl:    28px;
  --size-2xl:   32px;
  --size-3xl:   40px;
  --size-4xl:   48px;
  --size-5xl:   56px;
  --size-6xl:   64px;
  --size-7xl:   72px;
  --size-8xl:   80px;
  --size-9xl:   92px;
  --size-10xl:  104px;

  /* ============================================================
     SEMANTIC: tokens com significado
     ============================================================ */

  /* Backgrounds e superfícies */
  --bg:                       #f5f5f5;
  --surface:                  #fafafa;
  --surface-grey:             #dadada;
  --surface-primary:          #2a613d;
  --surface-primary-light:    #cae8d4;
  --surface-secondary:        #ff9200;
  --surface-secondary-light:  #fbdeb1;
  --surface-accent:           #65d040;
  --surface-error:            #f2415a;
  --surface-error-light:      #fab3bd;
  --surface-error-xlight:     #feecee;
  --surface-success:          #3eab2e;
  --surface-success-light:    #b7e9a4;
  --surface-success-xlight:   #eefae9;
  --surface-warning:          #f39200;
  --surface-warning-light:    #f9c87e;
  --surface-warning-xlight:   #fdf2e0;
  --surface-info:             #3fa6cd;
  --surface-info-light:       #8ad2e2;
  --surface-info-xlight:      #e2f4f8;
  --surface-hover:            rgba(250, 250, 250, 0.08);

  /* Conteúdo (texto e ícones) */
  --content-dark:            #1f1f1f;
  --content-medium:          #5f5f5f;
  --content-light:           #fafafa;
  --content-primary:         #2a613d;
  --content-primary-light:   #98d2ac;
  --content-secondary:       #e97700;
  --content-secondary-light: #f9c87e;
  --content-error:           #e5102e;
  --content-error-light:     #fab3bd;
  --content-success:         #3eab2e;
  --content-success-light:   #b7e9a4;
  --content-warning:         #ef8600;
  --content-warning-light:   #f9c87e;
  --content-info:            #2e86ad;
  --content-info-light:      #8ad2e2;
  --content-disable:         #7f7f7f;
  --content-light-grey:      #dadada;
  --content-hover:           rgba(250, 250, 250, 0.16);

  /* Bordas */
  --border-size-s: 1px;
  --border-size-m: 2px;
  --border-size-l: 4px;

  --radius-xs: 2px;
  --radius-s:  4px;
  --radius-m:  8px;
  --radius-l:  16px;

  /* Padding */
  --padding-empty: 0;
  --padding-xs:    4px;
  --padding-s:     8px;
  --padding-sm:    12px;
  --padding-m:     16px;
  --padding-ml:    20px;
  --padding-l:     24px;
  --padding-xl:    32px;
  --padding-2xl:   40px;

  /* Gap */
  --gap-empty: 0;
  --gap-xs:    4px;
  --gap-s:     8px;
  --gap-sm:    12px;
  --gap-m:     16px;
  --gap-l:     24px;
  --gap-xl:    28px;
  --gap-2xl:   32px;

  /* Margin */
  --margin-empty: 0;
  --margin-xs:    4px;
  --margin-s:     8px;
  --margin-sm:    12px;
  --margin-m:     16px;
  --margin-ml:    20px;
  --margin-l:     24px;
  --margin-xl:    32px;

  /* ============================================================
     TIPOGRAFIA
     ============================================================ */

  --font-title: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body:  "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;

  --fs-s:   8px;
  --fs-sm:  12px;
  --fs-m:   14px;
  --fs-ms:  16px;
  --fs-ml:  20px;
  --fs-l:   24px;
  --fs-xl:  28px;
  --fs-2xl: 32px;

  /* Text styles (do textStyles.json) */
  /* title/l — Montserrat Bold 32 */
  --ts-title-l-family: var(--font-title);
  --ts-title-l-weight: var(--weight-bold);
  --ts-title-l-size:   32px;

  /* title/m — Montserrat Bold 24 */
  --ts-title-m-family: var(--font-title);
  --ts-title-m-weight: var(--weight-bold);
  --ts-title-m-size:   24px;

  /* title/s — Montserrat Bold 20 */
  --ts-title-s-family: var(--font-title);
  --ts-title-s-weight: var(--weight-bold);
  --ts-title-s-size:   20px;

  /* title/xs — Montserrat Bold 16 */
  --ts-title-xs-family: var(--font-title);
  --ts-title-xs-weight: var(--weight-bold);
  --ts-title-xs-size:   16px;

  /* subtitle/l — Inter Medium 24 */
  --ts-subtitle-l-family: var(--font-body);
  --ts-subtitle-l-weight: var(--weight-medium);
  --ts-subtitle-l-size:   24px;

  /* subtitle/m — Inter Medium 16 */
  --ts-subtitle-m-family: var(--font-body);
  --ts-subtitle-m-weight: var(--weight-medium);
  --ts-subtitle-m-size:   16px;

  /* subtitle/s — Inter Medium 12 */
  --ts-subtitle-s-family: var(--font-body);
  --ts-subtitle-s-weight: var(--weight-medium);
  --ts-subtitle-s-size:   12px;

  /* body/l — Inter Medium 20 */
  --ts-body-l-family: var(--font-body);
  --ts-body-l-weight: var(--weight-medium);
  --ts-body-l-size:   20px;

  /* body/m — Inter Regular 14 */
  --ts-body-m-family: var(--font-body);
  --ts-body-m-weight: var(--weight-regular);
  --ts-body-m-size:   14px;

  /* body/s — Inter Medium 12 */
  --ts-body-s-family: var(--font-body);
  --ts-body-s-weight: var(--weight-medium);
  --ts-body-s-size:   12px;

  /* caption/s — Inter Medium 12 */
  --ts-caption-s-family: var(--font-body);
  --ts-caption-s-weight: var(--weight-medium);
  --ts-caption-s-size:   12px;

  /* caption/xs — Inter Bold 8 */
  --ts-caption-xs-family: var(--font-body);
  --ts-caption-xs-weight: var(--weight-bold);
  --ts-caption-xs-size:   8px;
}