/* Design tokens — extracted from Figma «Foundations - Platforms Code» via get_variable_defs
   on section 23919:63024 (NCIM - EServices). Do not invent values; add missing tokens
   here only with the exact Figma value. */

:root {
  /* ---- Font ---- */
  --font-family-text: "IBM Plex Sans Arabic", sans-serif;
  --font-family-display: "IBM Plex Sans Arabic", sans-serif;

  /* Type scale: size / line-height */
  --typo-size-display-xs: 24px;  --lh-display-xs: 32px;
  --typo-size-text-xl: 20px;     --lh-text-xl: 30px;
  --typo-size-text-lg: 18px;     --lh-text-lg: 28px;
  --typo-size-text-md: 16px;     --lh-text-md: 24px;
  --typo-size-text-sm: 14px;     --lh-text-sm: 20px;
  --typo-size-text-xs: 12px;     --lh-text-xs: 18px;
  --typo-size-text-2xs: 10px;    --lh-text-2xs: 14px;

  /* ---- Text colors ---- */
  --text-default: #161616;
  --text-display: #1f2a37;
  --text-primary: #1b8354;
  --text-primary-paragraph: #384250;
  --text-secondary: #6c737f;
  --text-secondary-paragraph: #6c737f;
  --text-error: #b42318;
  --text-warning: #b54708;
  --text-oncolor-primary: #ffffff;
  --text-default-disabled: #9da4ae;

  /* ---- Backgrounds ---- */
  --background-body: #f9fafb;
  --background-white: #ffffff;
  --background-primary: #1b8354;
  --background-primary-25: #f7fdf9;
  --background-primary-400: #54c08a;
  --background-success: #079455;
  --background-warning: #dc6803;
  --background-warning-50: #fffaeb;
  --background-error-25: #fffbfa;
  --background-error-50: #fef3f2;
  --background-info-25: #f5faff;
  --background-tertiary-50: #f9f5fa;
  --background-neutral-50: #f9fafb;
  --background-neutral-100: #f3f4f6;
  --background-neutral-200: #e5e7eb;
  --background-neutral-400: #9da4ae;
  --background-neutral-800: #1f2a37;
  --background-disabled: #e5e7eb;
  --surface-elevation-01: #ffffff;

  /* ---- Borders ---- */
  --border-primary: #1b8354;
  --border-secondary: #d2d6db;
  --border-neutral-primary: #d2d6db;
  --border-neutral-secondary: #e5e7eb;
  --border-neutral-tertiary: #f3f4f6;
  --border-black: #161616;
  --border-white: #ffffff;
  --border-white-40: #ffffff66;
  --border-warning: #b54708;
  --border-accent-on-color-muted: #54c08a;
  --border-background-white: #f3f4f6;

  /* ---- Icons ---- */
  --icon-default: #161616;
  --icon-secondary: #6c737f;
  --icon-primary: #1b8354;
  --icon-error: #b42318;
  --icon-success: #17b26a;
  --icon-oncolor: #ffffff;
  --icon-default-400: #9da4ae;
  --icon-secondary-muted: #d2d6db;
  --icon-accent-muted: #88d8ad;
  --icon-tertiary-light: #f9f5fa;
  --icon-size-2xs: 12px;
  --icon-size-sm: 20px;
  --icon-size-lg: 32px;

  /* ---- Buttons ---- */
  --button-bg-black-default: #0d121c;
  --button-bg-black-hovered: #1f2a37;
  --button-bg-neutral-default: #f3f4f6;
  --buttons-lg-padding: 16px; --buttons-lg-gap: 4px;
  --buttons-md-padding: 12px; --buttons-md-gap: 4px;
  --buttons-sm-padding: 8px;  --buttons-sm-gap: 4px;

  /* ---- Tags ---- */
  --tag-bg-error: #d92d20;          --tag-text-error: #912018;
  --tag-bg-error-light: #fef3f2;    --tag-icon-error: #912018;
  --tag-text-warning: #93370d;      --tag-bg-warning-light: #fffaeb;
  --tag-border-warning-light: #fedf89;
  --tag-text-info: #1849a9;         --tag-bg-info-light: #eff8ff;
  --tag-text-success: #085d3a;      --tag-bg-success-light: #ecfdf3;
  --tag-border-success-light: #abefc6;
  --tag-text-neutral: #1f2a37;      --tag-bg-neutral-light: #f9fafb;
  --tag-bg-green: #ecfdf3;
  --tag-text-orange: #c2400c;       --tag-bg-orange: #fff7ed;

  /* ---- Links ---- */
  --link-primary: #1b8354;
  --link-neutral: #384250;
  --link-danger: #d92d20;

  /* ---- Chips ---- */
  --chip-bg-neutral-default: #f3f4f6;
  --chip-bg-neutral-selected: #384250;

  /* ---- Charts / AI accents ---- */
  --charts-green: #88d8ad;
  --charts-red: #f97066;
  --charts-lavendar: #80519f;
  --tertiary-lavendar-600: #6d428f;
  --tertiary-lavendar-50: #f9f5fa;
  --gradiant-purple: #cda8ef;
  --ai-blue: #9fbaf7;      /* Figma name: AI/yellow */
  --ai-indigo: #3931b0;    /* Figma name: AI/green  */
  --green-500: #17b26a;

  /* ---- Misc colors ---- */
  --tooltip-bg-dark: #1f2a37;
  --alpha-black-60: #16161699;
  --alpha-white-40: #ffffff66;
  --alpha-red-20: #d92d2033;
  --form-field-placeholder: #6c737f;
  --form-field-bg: #ffffff;

  /* ---- Spacing ---- */
  --spacing-none: 0;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 6px;
  --spacing-md: 8px;
  --spacing-lg: 12px;
  --spacing-xl: 16px;
  --spacing-2xl: 20px;
  --spacing-3xl: 24px;
  --spacing-4xl: 32px;
  --spacing-5xl: 40px;
  --spacing-6xl: 48px;

  /* ---- Radius ---- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* ---- Shadows ---- */
  --shadow-sm: 0 1px 2px #1018280d, 0 1px 3px #1018280d;
  --base-shadow-2: 0 4px 48px -12px #0a254024;

  /* ---- Component metrics ---- */
  --avatar-md: 40px;
  --table-cell-h-padding: 16px;
  --table-cell-v-padding: 8px;
  --table-cell-gap: 8px;
  --tab-button-gap: 4px;
  --tab-md-h-padding: 16px;
}