/* Atyan Design — colour. Values transcribed from email.fig; the two theme grounds
   (#f9f9f9 light, #131313 dark) are set by the studio's brand rules. */
:root{
  /* base ramp */
  --atyan-black:#000000;
  --atyan-black-deep:#090909;      /* email canvas + card ground in the source file */
  --atyan-ink-900:#131313;         /* dark-theme page ground */
  --atyan-ink-800:#222225;         /* hairline rules on dark */
  --atyan-gray-600:#848484;
  --atyan-gray-500:#8E8E93;        /* secondary / caption text */
  --atyan-gray-300:#CCCCCC;
  --atyan-gray-250:#D9D9D9;        /* caption plate on capability cards */
  --atyan-gray-200:#E1E1E1;
  --atyan-gray-150:#E6E6E6;        /* icon strokes on dark */
  --atyan-off-white:#F9F9F9;       /* light-theme page ground */
  --atyan-white-98:#FBFBFB;
  --atyan-white:#FFFFFF;

  /* brand blue */
  --atyan-blue:#0A6CFF;            /* accent: rules, eyebrows, stat pill stroke */
  --atyan-blue-cta:#0461ED;        /* filled CTA block */

  /* semantic — dark theme is the default */
  --surface-page:var(--atyan-ink-900);
  --surface-canvas:var(--atyan-black-deep);
  --surface-card:var(--atyan-black-deep);
  --surface-plate:var(--atyan-gray-250);
  --surface-cta:var(--atyan-blue-cta);
  --text-primary:var(--atyan-white);
  --text-secondary:var(--atyan-gray-500);
  --text-on-plate:var(--atyan-black);
  --text-accent:var(--atyan-blue);
  --text-inverse:var(--atyan-black);
  --border-hairline:var(--atyan-ink-800);
  --border-outline:var(--atyan-white);
  --border-accent:var(--atyan-blue);
  --icon-stroke:var(--atyan-gray-150);
}
[data-theme="light"]{
  --surface-page:var(--atyan-off-white);
  --surface-canvas:var(--atyan-off-white);
  --surface-card:var(--atyan-white);
  --surface-cta:var(--atyan-blue-cta);
  --text-primary:var(--atyan-black);
  --text-secondary:var(--atyan-gray-600);
  --text-on-plate:var(--atyan-white);
  --text-accent:var(--atyan-blue-cta);
  --text-inverse:var(--atyan-white);
  --border-hairline:var(--atyan-gray-200);
  --border-outline:var(--atyan-black);
  --icon-stroke:var(--atyan-black);
}
