/* Compliance Adda — color tokens */
:root {
  /* Brand & accent */
  --color-primary: #9fe870;          /* the lime-green CTA — sole brand accent */
  --color-primary-active: #cdffad;   /* hover/active */
  --color-primary-neutral: #c5edab;  /* mid-saturation neutral active fill */
  --color-primary-pale: #e2f6d5;     /* soft surface tint / badge bg */
  --color-on-primary: #163300;       /* deep forest ink on green */

  /* Surface */
  --color-canvas: #ffffff;           /* card interiors */
  --color-canvas-soft: #e8ebe6;      /* sage page background — the brand mood */

  /* Text */
  --color-ink: #0e0f0c;              /* default text & headings */
  --color-ink-deep: #163300;         /* deep forest ink on positive surfaces */
  --color-body: #454745;             /* secondary body text */
  --color-mute: #868685;             /* captions, placeholder, fine print */

  /* Semantic */
  --color-positive: #2ead4b;
  --color-positive-deep: #054d28;
  --color-warning: #ffd11a;
  --color-warning-deep: #b86700;
  --color-warning-content: #4a3b1c;
  --color-negative: #d03238;
  --color-negative-deep: #a72027;
  --color-negative-darkest: #a7000d;
  --color-negative-bg: #320707;

  /* Tertiary illustration accents (never CTAs) */
  --color-accent-orange: #ffc091;
  --color-accent-cyan: #38c8ff;

  /* Semantic aliases */
  --surface-page: var(--color-canvas-soft);
  --surface-card: var(--color-canvas);
  --surface-dark: var(--color-ink);
  --text-heading: var(--color-ink);
  --text-body: var(--color-body);
  --text-mute: var(--color-mute);
  --border-hairline: var(--color-ink); /* Level 1 elevation: 1px solid ink */
}