/* Sona8 design tokens, version 3.0, 13 October 2026. Rules: https://sona8.com/design/brand.md */
:root {
  color-scheme: light;

  /* colour */
  --sona8-white: #FFFFFF;
  --sona8-light-grey: #FCFBFF;
  --sona8-highlight: #9677FF;
  --sona8-dark-purple: #211F54;
  --sona8-black: #0F0F0F;
  --sona8-muted: #5C5A6E;
  --sona8-highlight-hover: #8466F2;
  --sona8-hairline: #E7E5EF;
  --sona8-input: #D4D1E0;
  --sona8-chip: #F1F0F7;
  --sona8-destructive: #C42B3C;
  --sona8-warning: #8A5A00;
  --sona8-success: #1C7A55;
  --sona8-chart-1: #9677FF;
  --sona8-chart-2: #211F54;
  --sona8-chart-3: #5B44C9;
  --sona8-chart-4: #0F0F0F;
  --sona8-chart-5: #7A788C;
  --sona8-ramp-1: #D6CCFF;
  --sona8-ramp-2: #B3A0FF;
  --sona8-ramp-3: #9677FF;
  --sona8-ramp-4: #5B44C9;
  --sona8-ramp-5: #211F54;
  --sona8-rule: rgb(15 15 15 / 0.18);

  /* type */
  --sona8-font-heading: "Newsreader", Georgia, serif;
  --sona8-font-sans: "Inter", Arial, sans-serif;

  /* shape */
  --sona8-radius: 8px;
  --sona8-radius-pill: 9999px;
  --sona8-page-max: 1440px;
  --sona8-page-margin: clamp(20px, 6.25vw, 90px);
  --sona8-section-padding: clamp(40px, 5vw, 72px);

  /* motion */
  --sona8-ease: cubic-bezier(0.2, 0, 0, 1);
  --sona8-time-feedback: 180ms;
  --sona8-time-reveal: 600ms;
  --sona8-blur-reveal: 10px;
}