/* realvirtual — Forgejo-Theme nach realvirtual.io Design-System ("Engineer's Showroom")
 * Basis: forgejo-light; Overrides: Signal Pink #FF538D, Machine-Room Midnight #0f131f,
 * Showroom White/Gray Buehne, Hairline-Borders, 8px Radius. */
@import "theme-forgejo-light.css";

:root {
	/* Signal Pink — primary ramp */
	--color-primary: #ff538d;
	--color-primary-contrast: #ffffff;
	--color-primary-dark-1: #e8407a;
	--color-primary-dark-2: #d13a6e;
	--color-primary-dark-3: #b93061;
	--color-primary-dark-4: #a02754;
	--color-primary-dark-5: #871e47;
	--color-primary-dark-6: #6e163a;
	--color-primary-dark-7: #550f2e;
	--color-primary-light-1: #ff6c9c;
	--color-primary-light-2: #ff85ab;
	--color-primary-light-3: #ff9dba;
	--color-primary-light-4: #ffb6c9;
	--color-primary-light-5: #ffcfd9;
	--color-primary-light-6: #ffe1e8;
	--color-primary-light-7: #fff0f4;
	--color-primary-alpha-10: rgba(255, 83, 141, 0.1);
	--color-primary-alpha-20: rgba(255, 83, 141, 0.2);
	--color-primary-alpha-30: rgba(255, 83, 141, 0.3);
	--color-primary-alpha-40: rgba(255, 83, 141, 0.4);
	--color-primary-alpha-50: rgba(255, 83, 141, 0.5);
	--color-primary-alpha-60: rgba(255, 83, 141, 0.6);
	--color-primary-alpha-70: rgba(255, 83, 141, 0.7);
	--color-primary-alpha-80: rgba(255, 83, 141, 0.8);
	--color-primary-alpha-90: rgba(255, 83, 141, 0.9);

	/* Showroom-Buehne */
	--color-body: #ffffff;
	--color-box-body: #ffffff;
	--color-box-header: #fafafa;
	--color-secondary-bg: #f6f6f6;
	--color-card: #ffffff;
	--color-nav-bg: #ffffff;
	--color-nav-hover-bg: #f6f6f6;
	--color-header-bar: #ffffff;
	--color-header-wrapper: #ffffff;
	--color-menu: #ffffff;
	--color-input-background: #ffffff;
	--color-navbar: #ffffff;
	--color-navbar-transparent: #ffffffcc;

	/* Machine-Room Midnight — Ink */
	--color-text: #0f131f;
	--color-text-dark: #0f131f;
	--color-text-light: #35415b;
	--color-text-light-1: #35415b;
	--color-text-light-2: #727f9f;
	--color-text-light-3: #8b96b0;

	/* Links: Signal Pink deep (AA auf Weiss) */
	--color-link: #d13a6e;
	--color-link-hover: #b93061;

	/* Hairline-Borders */
	--color-secondary: #e3e7f0;
	--color-secondary-dark-1: #d3d9e5;
	--color-secondary-dark-2: #c2c9d8;
	--color-light-border: #eff1f5;
	--color-input-border: #e3e7f0;

	/* Geometrie wie Website */
	--border-radius: 8px;
	--border-radius-medium: 12px;
	--border-radius-full: 99999px;
}