/* Standalone host foundation for the supplied workbench and its teleported
 * controls. These tokens previously came from the Nextcloud page shell. Keep
 * this separate from the preserved Vue components and media styles. */
:root {
	--default-grid-baseline: 4px;
	--default-clickable-area: 34px;
	--clickable-area-small: 24px;
	--clickable-area-large: 48px;
	--default-font-size: 15px;
	--font-size-small: 13px;
	--default-line-height: 1.5;
	--font-weight-default: 400;
	--font-weight-element: 500;
	--font-weight-heading: 600;
	--font-face: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--animation-quick: 100ms;
	--animation-slow: 200ms;
	--border-width-input: 1px;
	--border-width-input-focused: 2px;
	--border-radius: 4px;
	--border-radius-small: 4px;
	--border-radius-large: 8px;
	--border-radius-element: 8px;
	--border-radius-container: 12px;
	--border-radius-container-large: 16px;
	--border-radius-rounded: 28px;
	--border-radius-pill: 100px;
	--color-primary: #00679e;
	--color-primary-hover: #3285b1;
	--color-primary-light: #e5eff5;
	--color-primary-light-hover: #d9e3e8;
	--color-primary-light-text: #00293f;
	--color-primary-element-text-dark: #ededed;
	--color-text-light: #252525;
	--color-text-lighter: #737373;
	--color-placeholder-light: #e6e6e6;
	--color-placeholder-dark: #ccc;
	--color-box-shadow: rgba(77, 77, 77, .5);
	--color-box-shadow-rgb: 77, 77, 77;
	--color-loading-light: #ccc;
	--color-loading-dark: #444;
	--color-element-error: #c90000;
	--color-border-error: #c90000;
	--color-text-error: #bf0000;
	--color-error-hover: #ffc3c3;
	--color-success: #d8f3da;
	--color-success-hover: #bdebc0;
	--color-success-text: #005416;
	--color-element-success: #099f05;
	--color-border-success: #099f05;
	--color-text-success: #066e03;
	--color-warning: #ffeec5;
	--color-warning-hover: #ffe4a1;
	--color-warning-text: #664700;
	--color-element-warning: #bf7900;
	--color-info: #d5f1fa;
	--color-info-hover: #b5e6f6;
	--color-info-text: #0066ac;
	--color-element-info: #0077c7;
	--filter-background-blur: none;
}

html, body { margin: 0; padding: 0; }
body { font-size: var(--default-font-size); line-height: var(--default-line-height); }
/* The original inputs specify a complete width, including their icon/padding.
 * A content-box browser default made the search overlap the next chat column. */
input, textarea, select, button { box-sizing: border-box; }
/* NcButton also renders navigation actions as links. */
body.support-page a { color: inherit; text-decoration: none; }