/* Compiled design tokens — every declaration here is a custom property.
   Colour values live in this file and nowhere else; components reference them. */
:root{
  --ground:#F2F3F5;
  --ink:#1B2430;
  --mid1:#3C4A5C;
  --mid2:#5D6C7B;
  --mid3:#8D9AA8;
  --meta:#656F7C;
  --tint:#D7DDE3;
  --surface:#FFFFFF;

  /* alpha-carrying tokens: Tailwind 3 cannot apply an opacity modifier to a
     var() colour, so the translucent values are declared here instead of as
     bg-[var(--x)]/95 utilities that silently compiled to nothing. */
  --ground-95:#F2F3F5F2;
  --ink-35:#1B243059;
  --ink-10:#1B24301A;


  --motion-duration-fast:180ms;
  --motion-duration-base:320ms;
  --motion-duration-slow:560ms;
  --motion-easing-standard:cubic-bezier(0.2,0,0,1);
  --motion-easing-entrance:cubic-bezier(0,0,0,1);

  --semantic-bg:var(--ground);
  --semantic-surface:var(--surface);
  --semantic-ink:var(--ink);
  --semantic-ink-muted:var(--meta);
  --semantic-rule:var(--tint);
  --semantic-action:var(--ink);
  --semantic-signal:var(--mid2);
}