:root {
  --web-job-modal-overlay: color-mix(in srgb, var(--web-white) 75%, transparent);
  --web-job-deadline-soft: color-mix(in srgb, var(--web-job-deadline) 12%, var(--web-white));
  --web-job-deadline: #E8A400;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --icon-font: "Material Symbols Rounded";

  --color-primary: #0065FF;
  --color-logo-dark: #4E4E4E;

  --color-blue-900: #0E2087;
  --color-blue-800: #0052CC;
  --color-blue-700: #0065FF;
  --color-blue-600: #2684FF;
  --color-blue-500: #4C9AFF;
  --color-blue-400: #DEEBFF;
  --color-blue-100: #4069E5;
  --color-blue-50: #EFFDFF;

  --color-red-400: #BF2600;
  --color-red-300: #FF3000;
  --color-red-100: #FFBDAD;
  --color-red-0: #FFEBE6;

  --color-green-400: #006644;
  --color-green-300: #00975A;
  --color-green-200: #36B37E;
  --color-green-100: #ABF5D1;
  --color-green-0: #E3FCF0;

  --color-yellow-400: #FF8B00;
  --color-yellow-300: #FFAB00;
  --color-yellow-200: #FFC400;
  --color-yellow-100: #FFE380;
  --color-yellow-0: #FFFAE6;

  --color-purple-400: #403294;
  --color-purple-300: #6554C0;
  --color-purple-200: #8777D9;
  --color-purple-100: #C0B6F2;
  --color-purple-0: #EAE6FF;

  --color-black-900: #1A1A1A;
  --color-black-800: #1C1C1C;
  --color-black-700: #333333;
  --color-black-600: #636363;
  --color-black-500: #8C8C8C;
  --color-black-400: #AFAFAF;
  --color-black-300: #CCCCCC;
  --color-black-200: #E2E2E2;
  --color-black-100: #F2F2F2;
  --color-black-50: #FCFCFC;
  --color-black-0: #FFFFFF;

  /* Web sitesi ve mezun portalı: renk kodlarının tek kaynağı. */
  --web-turquoise-600: #227670;
  --web-turquoise-500: #2E9D95;
  --web-turquoise-main: #39C5BB;
  --web-turquoise-400: #60D1C9;
  --web-turquoise-300: #88DCD6;
  --web-turquoise-200: #AFE8E4;
  --web-turquoise-100: #D7F3F1;
  --web-turquoise-0: #EAF9F8;

  --web-purple-500: #712277;
  --web-purple-400: #962E9E;
  --web-purple-main: #BC39C6;
  --web-purple-300: #C961D1;
  --web-purple-200: #D788DD;
  --web-purple-100: #E4B0E8;
  --web-purple-50: #F2D7F4;
  --web-purple-0: #F8EBF9;

  --web-pink-700: #8E006F;
  --web-pink-600: #C10097;
  --web-pink-500: #F400BF;
  --web-pink-400: #FF28D0;
  --web-pink-300: #FF5BDB;
  --web-pink-main: var(--web-pink-300);
  --web-pink-200: #FF8FE6;
  --web-pink-100: #FFC1F1;
  --web-pink-50: #FFDBF7;
  --web-pink-0: #FFF0FB;

  --web-blue-500: #0B51C5;
  --web-blue-400: #1266F1;
  --web-blue-main: #4285F4;
  --web-blue-300: #72A4F7;
  --web-blue-200: #A2C3FA;
  --web-blue-100: #D3E2FC;
  --web-blue-50: #EBF2FE;
  --web-blue-0: #F3F7FE;

  --web-green-850: #3B480A;
  --web-green-700: #5F7510;
  --web-green-600: #34A853;
  --web-green-500: #A8CF1C;
  --web-green-400: #BFE43A;
  --web-green-300: #CEEA67;
  --web-green-200: #DCF094;
  --web-green-100: #EBF6C1;
  --web-green-0: #F2FAD7;

  --web-red-600: #CC0000;
  --web-red-500: #FF0000;
  --web-error-500: var(--web-red-500);
  --web-red-400: #FF3333;
  --web-red-300: #FF6666;
  --web-red-200: #FF9999;
  --web-red-100: #FFCCCC;
  --web-red-50: #FFE5E5;

  --web-black-950: #1A1A1A;
  --web-black-900: #1C1C1C;
  --web-black-800: #252525;
  --web-black-700: #333333;
  --web-black-600: #636363;
  --web-black-500: #8C8C8C;
  --web-black-400: #AFAFAF;
  --web-black-300: #CCCCCC;
  --web-black-200: #E2E2E2;
  --web-black-100: #F2F2F2;
  --web-black-50: #FCFCFC;
  --web-white: #FFFFFF;
  --web-slider-overlay-start: color-mix(in srgb, var(--web-white) 50%, transparent);
  --web-slider-overlay-end: rgba(153, 153, 153, 0.45);
  --web-slider-overlay: linear-gradient(180deg, var(--web-slider-overlay-start) 0%, var(--web-slider-overlay-end) 100%);

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;

  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;

  --shadow-sm: 0 1px 2px rgb(26 26 26 / 0.06);
  --shadow-md: 0 12px 24px rgb(26 26 26 / 0.12);
  --shadow-lg: 0 24px 56px rgb(26 26 26 / 0.16);

  --focus-ring: 0 0 0 3px rgb(38 132 255 / 0.24);
}