/* =====================================================================
   Indigo Trigger / SABLE — design system entry point
   Link THIS file to inherit the full token system.
   Webfonts are linked directly in each page head for early discovery.
   Toggle dark mode by setting [data-theme="dark"] on a wrapper element.
   ===================================================================== */
@import url('/_assets/tokens/colors.4e1b765833da4234.css?dpl=dpl_FHengoBMewSgCpQaE4aWB9Tzt8wi');
@import url('/_assets/tokens/typography.16504043f5086b5c.css?dpl=dpl_FHengoBMewSgCpQaE4aWB9Tzt8wi');
@import url('/_assets/tokens/spacing.5944bbf088b6178b.css?dpl=dpl_FHengoBMewSgCpQaE4aWB9Tzt8wi');
@import url('/_assets/tokens/effects.9bb07f44c9c26a74.css?dpl=dpl_FHengoBMewSgCpQaE4aWB9Tzt8wi');

/* Projects has two views (17 Oct 2026): By client (/accounts.html) and All projects (/portfolio.html). */
.projects-views{display:inline-flex;gap:2px;padding:2px;margin:0 0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}
.projects-views a{padding:5px 12px;border-radius:calc(var(--radius) - 2px);font:600 13px/1.3 var(--font-ui);color:var(--text-secondary);text-decoration:none}
.projects-views a:hover{color:var(--text)}
.projects-views a[aria-current="page"]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}