/* ANGA MASTERY — semantic aliases. Reach for these first; the raw ramp/ink
   tokens exist for the rare case where a semantic name would lie.
   The system is dark-first: black page, white type, one hot gradient. */
:root{
  /* Surfaces */
  --surface-page:var(--black);
  --surface-page-alt:var(--ink-950);
  --surface-card:var(--ink-900);
  --surface-card-raised:var(--ink-800);
  --surface-veil:var(--veil-16);        /* glass chip / ghost button rest */
  --surface-veil-hover:var(--veil-32);  /* same, hovered */
  --surface-media:var(--grey-100);      /* empty image well */
  --surface-inverse:var(--off-white);   /* the rare light page */

  /* Text */
  --text-primary:var(--white);
  --text-secondary:rgba(255,255,255,.72);
  --text-muted:var(--grey-400);
  --text-on-light:var(--black);
  --text-accent:var(--anga-orange);

  /* Action */
  --action-primary:var(--anga-ramp); /* @kind other */         /* gradient fill */
  --action-primary-flat:var(--anga-orange);  /* when a gradient can't be used */
  --action-neutral:var(--black);
  --action-neutral-hover:var(--grey-700);
  --action-outline-hover:var(--grey-550);
  --action-label:var(--white);

  /* Lines */
  --border-hairline:1px solid rgba(255,255,255,.15); /* @kind other */
  --border-outline:1px solid var(--white); /* @kind other */
  --border-divider:1px solid rgba(217,217,217,.2); /* @kind other */

  /* Focus */
  --focus-ring:0 0 0 2px var(--black),0 0 0 4px var(--anga-orange); /* @kind other */
}