/*
  Tokens del portal
  Generado a partir de docs/Diputacion_Impulsa_tokens.json con los mismos nombres.
  Valores PROVISIONALES hasta recibir el manual de identidad de la Diputación:
  se cambian los valores, nunca los nombres.
  Medidas en rem (base 16px); el valor original en px va comentado.
*/

:root {
  /* Color · Primary */
  --primary-50: #FDF4F2;
  --primary-100: #FBE4E0;
  --primary-200: #F6C4BC;
  --primary-300: #EE9789;
  --primary-400: #E6644F;
  --primary-500: #E0301F;
  --primary-600: #C0271C;
  --primary-700: #9C1F16;
  --primary-800: #74170F;
  --primary-900: #4A0F0A;

  /* Color · Secondary */
  --secondary-50: #FDF9EC;
  --secondary-100: #FAF0CC;
  --secondary-200: #F3DF96;
  --secondary-300: #EACB5C;
  --secondary-400: #DDB52A;
  --secondary-500: #D0A000;
  --secondary-600: #A88100;
  --secondary-700: #8A6A00;
  --secondary-800: #5E4800;
  --secondary-900: #3A2D00;

  /* Color · Info */
  --info-50: #F4F8FA;
  --info-100: #E8F0F4;
  --info-200: #C8DCE5;
  --info-300: #9DBFCF;
  --info-400: #6A9AB0;
  --info-500: #3C6E86;
  --info-600: #305A6E;
  --info-700: #254655;
  --info-800: #1A313C;
  --info-900: #101E25;

  /* Color · Success */
  --success-50: #F6F9F2;
  --success-100: #EEF3E6;
  --success-200: #D6E3C3;
  --success-300: #B3CB94;
  --success-400: #86AB5E;
  --success-500: #5E8A35;
  --success-600: #4A6E29;
  --success-700: #385320;
  --success-800: #263917;
  --success-900: #17230E;

  /* Color · Warning */
  --warning-50: #FDF7F1;
  --warning-100: #FCEEE2;
  --warning-200: #F7D5BA;
  --warning-300: #EFB487;
  --warning-400: #E08C4E;
  --warning-500: #C8661A;
  --warning-600: #A15114;
  --warning-700: #7B3E10;
  --warning-800: #552B0B;
  --warning-900: #341A07;

  /* Color · Error */
  --error-50: #FBF1F3;
  --error-100: #F8E4E8;
  --error-200: #EEC2CB;
  --error-300: #DE909F;
  --error-400: #C55A70;
  --error-500: #9E2340;
  --error-600: #841D36;
  --error-700: #69172B;
  --error-800: #4A101F;
  --error-900: #2E0A13;

  /* Color · Gray */
  --gray-50: #FAF8F6;
  --gray-100: #F3F0EC;
  --gray-200: #E6E1DB;
  --gray-300: #D1C9C1;
  --gray-400: #ADA39A;
  --gray-500: #8A7F76;
  --gray-600: #6B615A;
  --gray-700: #4E4641;
  --gray-800: #332D2A;
  --gray-900: #1F1A18;

  /* Opacity Color · Primary */
  --primary-8: rgb(192 39 28 / 0.08);
  --primary-16: rgb(192 39 28 / 0.16);
  --primary-24: rgb(192 39 28 / 0.24);
  --primary-32: rgb(192 39 28 / 0.32);
  --primary-38: rgb(192 39 28 / 0.38);

  /* Opacity Color · Secondary */
  --secondary-8: rgb(208 160 0 / 0.08);
  --secondary-16: rgb(208 160 0 / 0.16);
  --secondary-24: rgb(208 160 0 / 0.24);
  --secondary-32: rgb(208 160 0 / 0.32);
  --secondary-38: rgb(208 160 0 / 0.38);

  /* Opacity Color · Info */
  --info-8: rgb(60 110 134 / 0.08);
  --info-16: rgb(60 110 134 / 0.16);
  --info-24: rgb(60 110 134 / 0.24);
  --info-32: rgb(60 110 134 / 0.32);
  --info-38: rgb(60 110 134 / 0.38);

  /* Opacity Color · Success */
  --success-8: rgb(94 138 53 / 0.08);
  --success-16: rgb(94 138 53 / 0.16);
  --success-24: rgb(94 138 53 / 0.24);
  --success-32: rgb(94 138 53 / 0.32);
  --success-38: rgb(94 138 53 / 0.38);

  /* Opacity Color · Warning */
  --warning-8: rgb(200 102 26 / 0.08);
  --warning-16: rgb(200 102 26 / 0.16);
  --warning-24: rgb(200 102 26 / 0.24);
  --warning-32: rgb(200 102 26 / 0.32);
  --warning-38: rgb(200 102 26 / 0.38);

  /* Opacity Color · Error */
  --error-8: rgb(158 35 64 / 0.08);
  --error-16: rgb(158 35 64 / 0.16);
  --error-24: rgb(158 35 64 / 0.24);
  --error-32: rgb(158 35 64 / 0.32);
  --error-38: rgb(158 35 64 / 0.38);

  /* Opacity Color · Gray */
  --gray-8: rgb(138 127 118 / 0.08);
  --gray-16: rgb(138 127 118 / 0.16);
  --gray-24: rgb(138 127 118 / 0.24);
  --gray-32: rgb(138 127 118 / 0.32);
  --gray-38: rgb(138 127 118 / 0.38);

  /* Padding */
  --padding-1: 0.25rem; /* 4px */
  --padding-2: 0.5rem; /* 8px */
  --padding-3: 0.75rem; /* 12px */
  --padding-4: 1rem; /* 16px */
  --padding-5: 1.25rem; /* 20px */
  --padding-6: 1.5rem; /* 24px */
  --padding-7: 1.75rem; /* 28px */
  --padding-8: 2rem; /* 32px */
  --padding-9: 2.25rem; /* 36px */
  --padding-10: 2.5rem; /* 40px */
  --padding-11: 2.75rem; /* 44px */
  --padding-12: 3rem; /* 48px */
  --padding-13: 3.25rem; /* 52px */
  --padding-14: 3.5rem; /* 56px */
  --padding-15: 3.75rem; /* 60px */
  --padding-16: 4rem; /* 64px */
  --padding-20: 5rem; /* 80px */
  --padding-25: 6.25rem; /* 100px */
  --padding-30: 7.5rem; /* 120px */
  --padding-40: 10rem; /* 160px */

  /* Gap */
  --gap-1: 0.25rem; /* 4px */
  --gap-2: 0.5rem; /* 8px */
  --gap-3: 0.75rem; /* 12px */
  --gap-4: 1rem; /* 16px */
  --gap-5: 1.25rem; /* 20px */
  --gap-6: 1.5rem; /* 24px */
  --gap-7: 1.75rem; /* 28px */
  --gap-8: 2rem; /* 32px */
  --gap-9: 2.25rem; /* 36px */
  --gap-10: 2.5rem; /* 40px */
  --gap-11: 2.75rem; /* 44px */
  --gap-12: 3rem; /* 48px */
  --gap-13: 3.25rem; /* 52px */
  --gap-14: 3.5rem; /* 56px */
  --gap-15: 3.75rem; /* 60px */
  --gap-16: 4rem; /* 64px */
  --gap-20: 5rem; /* 80px */
  --gap-25: 6.25rem; /* 100px */
  --gap-30: 7.5rem; /* 120px */
  --gap-40: 10rem; /* 160px */

  /* Border Radius */
  --border-radius-xs: 0.125rem; /* 2px */
  --border-radius-sm: 0.25rem; /* 4px */
  --border-radius-md: 0.375rem; /* 6px */
  --border-radius-lg: 0.5rem; /* 8px */
  --border-radius-xl: 0.625rem; /* 10px */
  --border-round: 500px;

  /* Typography · Font Family */
  --heading: "Fraunces", Georgia, "Times New Roman", serif;
  --body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Typography · Font Size */
  --font-size-1: 0.75rem; /* 12px */
  --font-size-2: 0.8125rem; /* 13px */
  --font-size-3: 0.9375rem; /* 15px */
  --font-size-4: 1.0625rem; /* 17px */
  --font-size-5: 1.125rem; /* 18px */
  --font-size-6: 1.5rem; /* 24px */
  --font-size-7: 1.75rem; /* 28px */
  --font-size-8: 2.375rem; /* 38px */
  --font-size-9: 2.875rem; /* 46px */
  --font-size-10: 3.5rem; /* 56px */
  --font-size-11: 4.5rem; /* 72px */
  --font-size-12: 6rem; /* 96px */

  /* Typography · Line Height */
  --line-height-1: 0.8125rem; /* 13px */
  --line-height-2: 0.875rem; /* 14px */
  --line-height-3: 0.9375rem; /* 15px */
  --line-height-4: 1.125rem; /* 18px */
  --line-height-5: 1.25rem; /* 20px */
  --line-height-6: 1.375rem; /* 22px */
  --line-height-7: 1.5rem; /* 24px */
  --line-height-8: 1.625rem; /* 26px */
  --line-height-9: 1.75rem; /* 28px */
  --line-height-10: 2.375rem; /* 38px */
  --line-height-11: 2.625rem; /* 42px */
  --line-height-12: 3.5rem; /* 56px */
  --line-height-13: 4.25rem; /* 68px */
  --line-height-14: 4.5rem; /* 72px */
  --line-height-15: 5.5rem; /* 88px */
  --line-height-16: 7rem; /* 112px */

  /* Typography · Font Weight */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(31,26,24,.06), 0 2px 8px rgba(31,26,24,.04);
  --shadow-md: 0 8px 24px rgba(31,26,24,.10);
  --shadow-lg: 0 20px 48px rgba(31,26,24,.16);

  /* Motion · Duration */
  --duration-fast: 150ms;
  --duration-base: 300ms;
  --duration-slow: 600ms;
  --duration-editorial: 900ms;

  /* Motion · Easing */
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-enter: cubic-bezier(0, 0, 0, 1);
  --easing-exit: cubic-bezier(0.3, 0, 1, 1);

  /* Breakpoint (solo referencia: las variables no funcionan dentro de @media; en los CSS se escriben en px con un comentario que remite a este token) */
  --breakpoint-mobile: 375px;
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1280px;
  --breakpoint-wide: 1440px;

  /* Layout */
  --max-width-content: 75rem; /* 1200px */
  --max-width-text: 68ch;

  /* Z-Index */
  --z-header: 100;
  --z-sticky-cta: 200;
  --z-menu: 300;
  --z-modal: 400;
  --z-toast: 500;
}