/* Apple-Systemfarben - generiert aus developer.apple.com/design/human-interface-guidelines
   Stand: 2026-09-17 · Generator: scripts/hig_pull.py · NICHT von Hand editieren.
   Werte stammen aus den alt-Texten der offiziellen HIG-Swatches (R-x,G-y,B-z). */

:root {
  color-scheme: light dark;
  --sys-red: #FF383C;
  --sys-orange: #FF8D28;
  --sys-yellow: #FFCC00;
  --sys-green: #34C759;
  --sys-mint: #00C8B3;
  --sys-teal: #00C3D0;
  --sys-cyan: #00C0E8;
  --sys-blue: #0088FF;
  --sys-indigo: #6155F5;
  --sys-purple: #CB30E0;
  --sys-pink: #FF2D55;
  --sys-brown: #AC7F5E;

  /* Dieselbe Farbe als TEXTFARBE: Apples kontraststarke Variante.
     Die normalen Systemfarben sind Flaechen- und Symbolfarben und
     verfehlen auf Weiss die 4,5:1 (systemBlue 3,52:1). */
  --sys-red-text: #E9152D;
  --sys-orange-text: #C55300;
  --sys-yellow-text: #A16A00;
  --sys-green-text: #008932;
  --sys-mint-text: #008575;
  --sys-teal-text: #008198;
  --sys-cyan-text: #007EAE;
  --sys-blue-text: #1E6EF4;
  --sys-indigo-text: #564ADE;
  --sys-purple-text: #B02FC2;
  --sys-pink-text: #E7124D;
  --sys-brown-text: #956D51;
  --sys-gray: #8E8E93;
  --sys-gray2: #AEAEB2;
  --sys-gray3: #C7C7CC;
  --sys-gray4: #D1D1D6;
  --sys-gray5: #E5E5EA;
  --sys-gray6: #F2F2F7;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sys-red: #FF4245;
    --sys-orange: #FF9230;
    --sys-yellow: #FFD600;
    --sys-green: #30D158;
    --sys-mint: #00DAC3;
    --sys-teal: #00D2E0;
    --sys-cyan: #3CD3FE;
    --sys-blue: #0091FF;
    --sys-indigo: #6D7CFF;
    --sys-purple: #DB34F2;
    --sys-pink: #FF375F;
    --sys-brown: #B78A66;
    --sys-red-text: #FF6165;
    --sys-orange-text: #FFA056;
    --sys-yellow-text: #FEDF43;
    --sys-green-text: #4AD968;
    --sys-mint-text: #54DFCB;
    --sys-teal-text: #3BDDEC;
    --sys-cyan-text: #6DD9FF;
    --sys-blue-text: #5CB8FF;
    --sys-indigo-text: #A7AAFF;
    --sys-purple-text: #EA8DFF;
    --sys-pink-text: #FF8AC4;
    --sys-brown-text: #DBA679;
    --sys-gray: #8E8E93;
    --sys-gray2: #636366;
    --sys-gray3: #48484A;
    --sys-gray4: #3A3A3C;
    --sys-gray5: #2C2C2E;
    --sys-gray6: #1C1C1E;
  }
}

:root[data-theme="dark"] {
  --sys-red: #FF4245;
  --sys-orange: #FF9230;
  --sys-yellow: #FFD600;
  --sys-green: #30D158;
  --sys-mint: #00DAC3;
  --sys-teal: #00D2E0;
  --sys-cyan: #3CD3FE;
  --sys-blue: #0091FF;
  --sys-indigo: #6D7CFF;
  --sys-purple: #DB34F2;
  --sys-pink: #FF375F;
  --sys-brown: #B78A66;
  --sys-red-text: #FF6165;
  --sys-orange-text: #FFA056;
  --sys-yellow-text: #FEDF43;
  --sys-green-text: #4AD968;
  --sys-mint-text: #54DFCB;
  --sys-teal-text: #3BDDEC;
  --sys-cyan-text: #6DD9FF;
  --sys-blue-text: #5CB8FF;
  --sys-indigo-text: #A7AAFF;
  --sys-purple-text: #EA8DFF;
  --sys-pink-text: #FF8AC4;
  --sys-brown-text: #DBA679;
  --sys-gray: #8E8E93;
  --sys-gray2: #636366;
  --sys-gray3: #48484A;
  --sys-gray4: #3A3A3C;
  --sys-gray5: #2C2C2E;
  --sys-gray6: #1C1C1E;
}

/* Increased Contrast - Apples eigene barrierefreie Varianten.
   prefers-contrast: more wird von Safari/Chrome/Firefox unterstützt. */
@media (prefers-contrast: more) {
  :root:not([data-theme="dark"]) {
    --sys-red: #E9152D;
    --sys-orange: #C55300;
    --sys-yellow: #A16A00;
    --sys-green: #008932;
    --sys-mint: #008575;
    --sys-teal: #008198;
    --sys-cyan: #007EAE;
    --sys-blue: #1E6EF4;
    --sys-indigo: #564ADE;
    --sys-purple: #B02FC2;
    --sys-pink: #E7124D;
    --sys-brown: #956D51;
    --sys-gray: #6C6C70;
    --sys-gray2: #8E8E93;
    --sys-gray3: #AEAEB2;
    --sys-gray4: #BCBCC0;
    --sys-gray5: #D8D8DC;
    --sys-gray6: #EBEBF0;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sys-red: #FF6165;
    --sys-orange: #FFA056;
    --sys-yellow: #FEDF43;
    --sys-green: #4AD968;
    --sys-mint: #54DFCB;
    --sys-teal: #3BDDEC;
    --sys-cyan: #6DD9FF;
    --sys-blue: #5CB8FF;
    --sys-indigo: #A7AAFF;
    --sys-purple: #EA8DFF;
    --sys-pink: #FF8AC4;
    --sys-brown: #DBA679;
    --sys-gray: #AEAEB2;
    --sys-gray2: #7C7C80;
    --sys-gray3: #545456;
    --sys-gray4: #444446;
    --sys-gray5: #363638;
    --sys-gray6: #242426;
  }
}