/**
 * Page /legals/cookies — tokens toggles uniquement (structure : cookies.css noyau).
 * Les variables --portfolios-* sont déjà remappées par core-bridge.css.
 */

#portfolio_page.portfolio-font .cookie-preferences-form {
  --cookie-toggle-track-off: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pfcustom-bg-elevated) 92%, var(--pfcustom-text-muted) 8%) 0%,
    color-mix(in srgb, var(--pfcustom-mockup-navy) 88%, var(--pfcustom-text-muted) 12%) 100%
  );
  --cookie-toggle-track-on: linear-gradient(
    180deg,
    color-mix(in srgb, var(--pfcustom-btn-cta-bg) 90%, #ffffff) 0%,
    var(--pfcustom-btn-cta-bg-hover) 100%
  );
  --cookie-toggle-focus-ring: color-mix(in srgb, var(--pfcustom-btn-cta-bg) 35%, transparent);
}

#portfolio_page.portfolio-font .cookie-preferences-form .cookie-action input[type="checkbox"]:disabled + label.toggle-switch:hover {
  background: color-mix(in srgb, var(--pfcustom-bg-elevated) 80%, var(--pfcustom-text-muted) 20%) !important;
  border-color: var(--pfcustom-rgba-border-on-dark-medium) !important;
}

#portfolio_page.portfolio-font .cookie-group {
  background: var(--pfcustom-glass-sheen), var(--pfcustom-card-bg);
  border: var(--pfcustom-page-border);
  border-radius: var(--pfcustom-radius-card);
}

#portfolio_page.portfolio-font .cookie-info h2 {
  color: var(--pfcustom-text);
}

#portfolio_page.portfolio-font .cookie-info p {
  color: var(--pfcustom-text-muted);
}