:root{
/* ---- Farbrampen: Tanne (navy-*), Lagune (blue-*), Messing (yellow-*). Variablennamen aus dem Ursprungs-Design-System beibehalten. ---- */
--tecis-navy-900:#0C2223;
--tecis-navy-800:#112D2E;
--tecis-navy-700:#17393A; /* Tanne – Primärfarbe */
--tecis-navy-600:#21494A;
--tecis-navy-500:#2C5B5B;
--tecis-navy-200:#C3D3D1;
--tecis-navy-100:#E4ECEA;

--tecis-blue-700:#1E5F5B;
--tecis-blue-600:#256F6A;
--tecis-blue-500:#2F837C; /* Lagune – Akzent */
--tecis-blue-400:#5CA39C;
--tecis-blue-300:#98C6C0;
--tecis-blue-200:#CDE3DF;
--tecis-blue-100:#EBF4F2;

--tecis-yellow-700:#7A5C22;
--tecis-yellow-600:#9A762D;
--tecis-yellow-500:#C39A48; /* Messing – Signal */
--tecis-yellow-400:#D3B273;
--tecis-yellow-300:#E6D0A3;
--tecis-yellow-100:#F7F0E2;

--tecis-white:#FFFFFF;
--grey-50:#F5F7F6;
--grey-100:#EDF1F0;
--grey-200:#DDE4E2;
--grey-300:#C6D0CD;
--grey-400:#9EAAA6;
--grey-500:#74817D;
--grey-600:#55615D;
--grey-700:#384541;
--grey-800:#212B29;

--signal-success:#1F7A55;
--signal-success-soft:#E4F4EE;
--signal-warning:#9A762D;
--signal-warning-soft:#F7F0E2;
--signal-danger:#B3382F;
--signal-danger-soft:#FBEAE8;
--signal-info:#2F837C;
--signal-info-soft:#EBF4F2;

/* ---- Semantic aliases (use these in components) ---- */
--text-strong:var(--tecis-navy-700);
--text-body:var(--grey-700);
--text-muted:var(--grey-500);
--text-inverse:var(--tecis-white);
--text-link:var(--tecis-blue-600);
--text-link-hover:var(--tecis-navy-700);
--text-on-accent:var(--tecis-white);
--text-on-signal:var(--tecis-navy-900);

--surface-page:var(--tecis-white);
--surface-subtle:var(--grey-50);
--surface-card:var(--tecis-white);
--surface-sunken:var(--grey-100);
--surface-tint:var(--tecis-blue-100);
--surface-inverse:var(--tecis-navy-700);
--surface-inverse-deep:var(--tecis-navy-900);
--surface-signal:var(--tecis-yellow-500);

--border-subtle:var(--grey-200);
--border-default:var(--grey-300);
--border-strong:var(--tecis-navy-200);
--border-accent:var(--tecis-blue-500);
--border-inverse:rgba(255,255,255,.22);

--action-primary:var(--tecis-navy-700);
--action-primary-hover:var(--tecis-navy-600);
--action-primary-active:var(--tecis-navy-800);
--action-accent:var(--tecis-blue-500);
--action-accent-hover:var(--tecis-blue-600);
--action-accent-active:var(--tecis-blue-700);
--action-signal:var(--tecis-yellow-500);
--action-signal-hover:var(--tecis-yellow-600);
--action-ghost-hover:var(--tecis-blue-100);
--focus-ring:var(--tecis-blue-500);

/* ---- Brand gradients & washes (used sparingly, always light) ---- */
--wash-sky:linear-gradient(180deg,#FFFFFF 0%,var(--tecis-blue-100) 100%); /* @kind color */
--wash-horizon:linear-gradient(160deg,#F1F6F4 0%,#FFFFFF 58%,#FBF8F1 100%); /* @kind color */
--wash-inverse:linear-gradient(140deg,var(--tecis-navy-700) 0%,var(--tecis-navy-900) 100%); /* @kind color */
--wash-fade-bottom:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 92%); /* @kind color */
}