/**
 * PDF Editor design tokens: the single source of truth for colors (see .claude/rules/design-colors.md).
 * Use var(--pdfe-...) everywhere, never raw hex values.
 * Palette: Petrol & Apricot.
 */
:root {
	/* Petrol (brand, dark surfaces) */
	--pdfe-primary:          #0F2A33; /* Petrol 900: main branding, primary controls */
	--pdfe-primary-dark:     #0A1F26; /* Petrol 950: primary hover, toasts */
	--pdfe-sidebar:          #0F2A33; /* Petrol 900: sidebar */
	--pdfe-sidebar-active:   #1C3F4A; /* Petrol 700: active menu / selected states */
	--pdfe-sidebar-hover:    #16353F; /* Petrol 800: sidebar hover state */

	/* Accent (CTA): use sparingly */
	--pdfe-accent:           #FFB35C; /* Apricot 400: main CTA / highlight */
	--pdfe-accent-hover:     #FFC07A; /* Apricot 300: CTA hover */
	--pdfe-on-accent:        #0F2A33; /* Text on apricot (white is too low contrast) */

	/* Surfaces */
	--pdfe-bg:               #F4F6F7; /* Cloud: page background */
	--pdfe-surface:          #FFFFFF; /* Cards / panels / navbar */
	--pdfe-bg-soft-blue:     #EAF1F3; /* Petrol tint: selected / hover backgrounds */
	--pdfe-bg-light-blue:    #F1F5F6; /* Light petrol tint: tool backgrounds / chips */
	--pdfe-border:           #E3E8EB; /* Line: borders / separators */
	--pdfe-on-dark-muted:    #C7D3D8; /* Mist 300: text and links on petrol */

	/* Text */
	--pdfe-text:             #14232B; /* Ink: headings and content */
	--pdfe-text-secondary:   #3B4B53; /* Secondary text: general content */
	--pdfe-text-muted:       #5B6B73; /* Slate: labels / metadata */

	/* Status */
	--pdfe-success:          #0F7050;
	--pdfe-success-bg:       #E7F5EF;
	--pdfe-warning:          #A94F14; /* Apricot 700: warning / expiring files */
	--pdfe-warning-bg:       #FFF6EC; /* Apricot 50 */
	--pdfe-danger:           #C4281C; /* Delete / error */
	--pdfe-danger-bg:        #FDECEA;

	/* Shape and depth (spec: radius 8-12px, restrained shadows) */
	--pdfe-radius-sm:        8px;
	--pdfe-radius:           10px;
	--pdfe-radius-lg:        12px;
	--pdfe-shadow-sm:        0 1px 2px rgba(15, 42, 51, 0.06);
	--pdfe-shadow:           0 2px 8px rgba(15, 42, 51, 0.08);
	--pdfe-shadow-page:      0 1px 3px rgba(15, 42, 51, 0.12), 0 4px 12px rgba(15, 42, 51, 0.06);
	--pdfe-focus:            0 0 0 3px rgba(15, 42, 51, 0.35);

	/* Fields on the page (edit mode) */
	--pdfe-field-bg:         rgba(15, 42, 51, 0.07);
	--pdfe-field-bg-hover:   rgba(15, 42, 51, 0.12);
	--pdfe-field-border:     rgba(15, 42, 51, 0.55);

	--pdfe-font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
}