:root{
/* Base — brand orange */
--orange-50:#FFF4E6;--orange-100:#FBE1C7;--orange-200:#FDD08F;--orange-300:#FAC335;--orange-400:#F9A825;--orange-500:#F78B0D;--orange-600:#E8700A;--orange-700:#C85C06;--orange-900:#71400D;
/* Base — ink & neutrals */
--ink-900:#111111;--ink-800:#1F1F1F;--ink-700:#333333;--ink-500:#666666;--ink-400:#8A8A8A;--ink-300:#A6A6A6;--ink-200:#D4D4D4;--ink-100:#EDEDED;--ink-50:#F6F6F6;--white:#FFFFFF;
/* Base — semantic hues */
--green-500:#1E9E5A;--green-100:#DDF5E6;--red-500:#D93025;--red-100:#FBE1DE;--blue-500:#1A6FD1;--blue-100:#DCEAFB;
/* Brand gradient (hero / about panels) */
--gradient-brand:linear-gradient(135deg,#FAC335 0%,#F78B0D 55%,#F27A05 100%);/* @kind color */
--gradient-brand-soft:linear-gradient(160deg,#FBB51F 0%,#F78B0D 100%);/* @kind color */
--gradient-protect:linear-gradient(180deg,rgba(17,17,17,0) 0%,rgba(17,17,17,.6) 100%);/* @kind color */
/* Semantic — surfaces */
--surface-page:var(--white);--surface-card:var(--white);--surface-muted:var(--ink-50);--surface-brand:var(--orange-500);--surface-brand-gradient:var(--gradient-brand);--surface-ink:var(--ink-900);--surface-overlay:rgba(17,17,17,.56);
/* Semantic — text */
--text-body:var(--ink-800);--text-heading:var(--ink-900);--text-muted:var(--ink-500);--text-subtle:var(--ink-400);--text-on-brand:var(--white);--text-on-ink:var(--white);--text-brand:var(--orange-500);--text-link:var(--orange-600);--text-link-hover:var(--orange-700);
/* Semantic — borders */
--border-default:var(--ink-200);--border-strong:var(--ink-900);--border-brand:var(--orange-500);--border-on-brand:rgba(255,255,255,.5);
/* Semantic — actions */
--action-primary:var(--ink-900);--action-primary-hover:var(--ink-700);--action-primary-text:var(--white);
--action-brand:var(--orange-500);--action-brand-hover:var(--orange-600);--action-brand-text:var(--white);
--action-focus-ring:rgba(247,139,13,.45);
/* Semantic — status */
--status-success:var(--green-500);--status-success-bg:var(--green-100);--status-error:var(--red-500);--status-error-bg:var(--red-100);--status-info:var(--blue-500);--status-info-bg:var(--blue-100);--status-warning:var(--orange-600);--status-warning-bg:var(--orange-50);
/* Watermark type (giant outlined/ghost words behind sections) */
--watermark-on-brand:rgba(255,255,255,.14);--watermark-on-light:rgba(17,17,17,.05);
}