/*
 * StreamLinePro - Area context mapping
 * Solo mapping area -> token. Layout e componenti restano nei rispettivi file canonici.
 */

:where([data-area="admin"]) {
  --sl-area-accent: var(--sl-blue);
  --sl-area-accent-strong: var(--sl-blue-2);
  --sl-area-accent-soft: color-mix(in srgb, var(--sl-blue) 14%, transparent);
  --sl-area-accent-border: color-mix(in srgb, var(--sl-blue) 42%, transparent);
  --sl-area-accent-text: color-mix(in srgb, var(--sl-blue) 58%, white);
  --sl-area-accent-glow: color-mix(in srgb, var(--sl-blue) 22%, transparent);
  --sl-area-accent-on: white;
}

:where([data-area="athlete"]) {
  --sl-area-accent: var(--sl-orange);
  --sl-area-accent-strong: var(--sl-orange-2);
  --sl-area-accent-soft: color-mix(in srgb, var(--sl-orange) 14%, transparent);
  --sl-area-accent-border: color-mix(in srgb, var(--sl-orange) 42%, transparent);
  --sl-area-accent-text: color-mix(in srgb, var(--sl-orange) 58%, white);
  --sl-area-accent-glow: color-mix(in srgb, var(--sl-orange) 22%, transparent);
  --sl-area-accent-on: color-mix(in srgb, var(--sl-blue) 22%, black);
}

:where([data-area="team"]) {
  --sl-area-accent: var(--sl-green);
  --sl-area-accent-strong: color-mix(in srgb, var(--sl-green) 82%, white);
  --sl-area-accent-soft: color-mix(in srgb, var(--sl-green) 14%, transparent);
  --sl-area-accent-border: color-mix(in srgb, var(--sl-green) 42%, transparent);
  --sl-area-accent-text: color-mix(in srgb, var(--sl-green) 58%, white);
  --sl-area-accent-glow: color-mix(in srgb, var(--sl-green) 22%, transparent);
  --sl-area-accent-on: color-mix(in srgb, var(--sl-blue) 22%, black);
}

:where([data-area="community"]) {
  --sl-area-accent: var(--sl-purple);
  --sl-area-accent-strong: var(--sl-purple-2);
  --sl-area-accent-soft: color-mix(in srgb, var(--sl-purple) 14%, transparent);
  --sl-area-accent-border: color-mix(in srgb, var(--sl-purple) 42%, transparent);
  --sl-area-accent-text: color-mix(in srgb, var(--sl-purple) 48%, white);
  --sl-area-accent-glow: color-mix(in srgb, var(--sl-purple) 22%, transparent);
  --sl-area-accent-on: white;
}