/*
 * @file
 * WordPress preset aliases -> local design tokens.
 */

 :root {
  --white: #ffffff;
  --black: #000000;

  --primary: var(--wp--preset--color--primary);
  /* sba colors */
  /* --primary: #000441; */
  --sba-light-blue: #005EA2;
  --sba-hover-color: #1A4480;
  --sba-hover-color-dark: #E7E7EA;
  
  --secondary: var(--wp--preset--color--secondary);
  --accent: var(--wp--preset--color--accent);

  --neutral-50: var(--wp--preset--color--neutral-50);
  --neutral-100: var(--wp--preset--color--neutral-100);
  --neutral-200: var(--wp--preset--color--neutral-200);
  --neutral-300: var(--wp--preset--color--neutral-300);
  --neutral-400: var(--wp--preset--color--neutral-400);
  --neutral-500: var(--wp--preset--color--neutral-500);
  --neutral-600: var(--wp--preset--color--neutral-600);
  --neutral-700: var(--wp--preset--color--neutral-700);
  --neutral-800: var(--wp--preset--color--neutral-800);

  --surface-accent: var(--wp--preset--color--surface-accent);
  --surface-hover: var(--wp--preset--color--surface-hover);

  --color-error: var(--wp--preset--color--error);
  --color-error-soft: var(--wp--preset--color--error-soft);
  --color-warning: var(--wp--preset--color--warning);
  --color-success: var(--wp--preset--color--success);
  --color-success-soft: var(--wp--preset--color--success-soft);
  --color-info: var(--wp--preset--color--info);

  /* Derived scales */
  --primary-100: oklch(from var(--primary) 0.98 c h);
  --primary-200: oklch(from var(--primary) 0.94 c h);
  --primary-300: oklch(from var(--primary) 0.84 c h);
  --primary-400: oklch(from var(--primary) 0.76 c h);
  --primary-500: oklch(from var(--primary) 0.68 c h);
  --primary-600: oklch(from var(--primary) 0.55 c h);
  --primary-700: oklch(from var(--primary) 0.48 c h);
  --primary-800: oklch(from var(--primary) 0.4 c h);
  --primary-900: oklch(from var(--primary) 0.25 c h);

  --secondary-100: oklch(from var(--secondary) 0.98 c h);
  --secondary-200: oklch(from var(--secondary) 0.94 c h);
  --secondary-300: oklch(from var(--secondary) 0.84 c h);
  --secondary-400: oklch(from var(--secondary) 0.76 c h);
  --secondary-500: oklch(from var(--secondary) 0.68 c h);
  --secondary-600: oklch(from var(--secondary) 0.55 c h);
  --secondary-700: oklch(from var(--secondary) 0.48 c h);
  --secondary-800: oklch(from var(--secondary) 0.4 c h);
  --secondary-900: oklch(from var(--secondary) 0.25 c h);

  --color-primary-surface-alt: oklch(from var(--primary) calc(l + 0.04) c h);
  --color-primary-surface-alt-2: oklch(from var(--primary) calc(l + 0.08) c h);
  --color-primary-text-color: contrast-color(var(--primary));

  @supports not (color: contrast-color(green)) {
    --color-primary-text-color: color(from var(--primary) xyz
      clamp(0, (.36 / y - 1) * infinity, 1)
      clamp(0, (.36 / y - 1) * infinity, 1)
      clamp(0, (.36 / y - 1) * infinity, 1)
      / 1
    );
  }

  --color-secondary-surface-alt: oklch(from var(--secondary) calc(l + 0.04) c h);
  --color-secondary-surface-alt-2: oklch(from var(--secondary) calc(l + 0.08) c h);
  --color-secondary-text-color: contrast-color(var(--secondary));

  @supports not (color: contrast-color(green)) {
    --color-secondary-text-color: color(from var(--secondary) xyz
      clamp(0, (.36 / y - 1) * infinity, 1)
      clamp(0, (.36 / y - 1) * infinity, 1)
      clamp(0, (.36 / y - 1) * infinity, 1)
      / 1
    );
  }
}