/* EDIT premium design tokens — shared across portals */ :root { /* Legacy aliases (backward compatible) */ --edit-black: #171717; --edit-near-black: #29251f; --edit-dark-grey: #52524e; --edit-mid-grey: #716d68; --edit-border: #e7e0d8; --edit-light-grey: #f8f4ee; --edit-white: #fff; --edit-radius: 14px; /* Premium palette (aligned with Public portal) */ --edit-canvas: #f8f4ee; --edit-canvas-deep: #f3eee7; --edit-surface: #fff; --edit-surface-soft: #fbfaf8; --edit-ink: #171717; --edit-ink-soft: #29251f; --edit-muted: #716d68; --edit-line: #e7e0d8; --edit-line-strong: #ddd4ca; --edit-accent: #927a62; --edit-accent-soft: #e8d7c2; --edit-accent-bg: #f3eadc; /* Layout */ --sidebar-width: 272px; --topbar-height: 72px; --content-max: 1560px; /* Radius */ --edit-radius-sm: 10px; --edit-radius-md: 14px; --edit-radius-lg: 18px; --edit-radius-xl: 22px; --radius-lg: var(--edit-radius-lg); --radius-md: var(--edit-radius-md); /* Shadows */ --edit-shadow-card: 0 8px 28px rgba(41, 37, 31, 0.06); --edit-shadow-soft: 0 2px 8px rgba(41, 37, 31, 0.04); --shadow: var(--edit-shadow-card); /* Shell aliases */ --surface: var(--edit-surface); --canvas: var(--edit-canvas); --ink: var(--edit-ink); --muted: var(--edit-muted); --line: var(--edit-line); --soft: var(--edit-surface-soft); /* Status */ --edit-success: #1f7936; --edit-success-bg: #edf7f0; --edit-success-border: #c8e6d0; --edit-warning: #9b6b00; --edit-warning-bg: #fff8e8; --edit-warning-border: #ead9aa; --edit-error: #8b332d; --edit-error-bg: #fff3f2; --edit-error-border: #efd0cc; --edit-info: #3d5a80; --edit-info-bg: #eef3f8; --edit-info-border: #c8d8ea; /* Typography */ --edit-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --edit-font-display: Georgia, "Times New Roman", serif; } /* iOS Safari/WebKit auto-detects phone numbers, dates, addresses and emails in plain text and wraps them in an unstyled with the platform's default blue link colour - the format-detection meta tag in each app's stops this at the source, but this is a safety net for any content that slips through (or any genuinely unstyled anchor). Every intentional link in this codebase carries a class, so this only ever touches the auto-detected/unstyled case. */ a:not([class]) { color: inherit; }