/* apple.com pill buttons and links — measured 2026-10-23 from live CSS.
   Load after ../../colors/apple-neutral-palette/tokens.css (or equivalent neutrals).
   Set --accent to the client brand; Apple blues are not used here. */

:root {
  --accent-hover: color-mix(in oklch, var(--accent) 88%, black);
  --accent-active: color-mix(in oklch, var(--accent) 78%, black);
  --accent-on-dark: color-mix(in oklch, var(--accent) 72%, white);

  --sk-link-disabled-opacity: 0.42;
  --sk-focus-color: var(--focus-ring-color, var(--accent));
  --sk-focus-offset: var(--focus-ring-offset, 1px);
  --sk-focus-offset-container: var(--focus-ring-offset-container, 3px);
  --sk-body-link-color: var(--accent);

  /* Default (medium) pill — .button in main.built.css */
  --sk-button-color: var(--accent-contrast);
  --sk-button-color-hover: var(--sk-button-color);
  --sk-button-color-active: var(--sk-button-color-hover);
  --sk-button-disabled-opacity: var(--sk-link-disabled-opacity);
  --sk-button-border-color: transparent;
  --sk-button-border-radius: 980px;
  --sk-button-margin-horizontal: 14px;
  --sk-button-margin-vertical: 14px;
  --sk-button-min-width-basis: 60px;
  --sk-button-padding-horizontal: 16px;
  --sk-button-padding-vertical: 9px;
  --sk-button-border-width: 1px;
  --sk-button-box-sizing: content-box;
  --sk-button-width: auto;
  --sk-button-display: inline-block;
  --sk-button-background: var(--accent);
  --sk-button-background-hover: var(--accent-hover);
  --sk-button-background-active: var(--accent-active);
}