:root {
    --floe-font-sans: "Plus Jakarta Sans", sans-serif;
    --floe-color-bg-page: #fafbfc;
    --floe-color-bg-page-soft: #fbfcfd;
    --floe-color-bg-page-muted: #eef3f7;
    --floe-color-bg-surface: #ffffff;
    --floe-color-border-muted: #d6e1ee;
    --floe-color-border-strong: #c6d3e0;
    --floe-color-text-primary: #17202a;
    --floe-color-text-secondary: #607080;
    --floe-color-accent: #5d8f9e;
    --floe-color-accent-rgb: 93, 143, 158;
    --floe-color-accent-strong: #4b707c;
    --floe-color-accent-secondary: #8fbec8;
    --floe-color-accent-secondary-rgb: 143, 190, 200;
    --floe-color-accent-aux: #64748b;
    --floe-color-accent-aux-rgb: 100, 116, 139;
    --floe-color-warning: #8a5a12;
    --floe-color-warning-soft: #fff5db;
    --floe-color-danger: #b42318;
    --floe-color-danger-soft: #fef3f2;
    --floe-color-success: #18794e;
    --floe-color-success-soft: #e8f7ee;
    --floe-state-neutral-bg: #eef2f6;
    --floe-state-neutral-border: rgba(100, 116, 139, 0.18);
    --floe-state-neutral-text: #607080;
    --floe-state-info-bg: #eef6f7;
    --floe-state-info-border: rgba(93, 143, 158, 0.22);
    --floe-state-info-text: #4b707c;
    --floe-state-success-bg: var(--floe-color-success-soft);
    --floe-state-success-border: rgba(24, 121, 78, 0.2);
    --floe-state-success-text: var(--floe-color-success);
    --floe-state-warning-bg: var(--floe-color-warning-soft);
    --floe-state-warning-border: rgba(138, 90, 18, 0.22);
    --floe-state-warning-text: var(--floe-color-warning);
    --floe-state-danger-bg: var(--floe-color-danger-soft);
    --floe-state-danger-border: rgba(180, 35, 24, 0.2);
    --floe-state-danger-text: var(--floe-color-danger);
    --floe-color-bg-panel: rgba(255, 255, 255, 0.9);
    --floe-color-bg-panel-strong: #ffffff;
    --floe-color-accent-soft: #e7f0fb;
    --floe-page-background: var(--floe-color-bg-page);
    --floe-shadow-sm: 0 12px 30px rgba(15, 23, 42, 0.06);
    --floe-shadow-md: 0 18px 40px rgba(15, 23, 42, 0.08);
    --floe-radius-sm: 12px;
    --floe-radius-md: 14px;
    --floe-radius-lg: 18px;
    --floe-radius-xl: 22px;
    --floe-space-2: 8px;
    --floe-space-3: 12px;
    --floe-space-4: 16px;
    --floe-space-5: 20px;
    --floe-shell-width: 1120px;
    --floe-page-footer-gap: 10px;
    --floe-shellbar-height: 50px;
    --pgn-palette-ice: var(--floe-color-bg-page);
    --pgn-palette-cloud: var(--floe-color-bg-page-soft);
    --pgn-palette-mist: var(--floe-color-bg-page-muted);
    --pgn-palette-white: var(--floe-color-bg-surface);
    --pgn-palette-line: var(--floe-color-border-muted);
    --pgn-palette-line-strong: var(--floe-color-border-strong);
    --pgn-palette-ink: var(--floe-color-text-primary);
    --pgn-palette-slate: var(--floe-color-text-secondary);
    --pgn-palette-blue: var(--floe-color-accent);
    --pgn-palette-blue-rgb: var(--floe-color-accent-rgb);
    --pgn-palette-blue-deep: var(--floe-color-accent-strong);
    --pgn-palette-cyan: var(--floe-color-accent-secondary);
    --pgn-palette-cyan-rgb: var(--floe-color-accent-secondary-rgb);
    --pgn-palette-violet: var(--floe-color-accent-aux);
    --pgn-palette-violet-rgb: var(--floe-color-accent-aux-rgb);
    --pgn-palette-warning: var(--floe-color-warning);
    --pgn-palette-warning-soft: var(--floe-color-warning-soft);
    --pgn-palette-danger: var(--floe-color-danger);
    --pgn-palette-danger-soft: var(--floe-color-danger-soft);
    --pgn-palette-success: var(--floe-color-success);
    --pgn-palette-success-soft: var(--floe-color-success-soft);
    --bg: var(--floe-color-bg-page);
    --bg-soft: var(--floe-color-bg-page-soft);
    --panel: var(--floe-color-bg-panel);
    --panel-strong: var(--floe-color-bg-panel-strong);
    --panel-border: var(--floe-color-border-muted);
    --text: var(--floe-color-text-primary);
    --muted: var(--floe-color-text-secondary);
    --accent: var(--floe-color-accent);
    --accent-rgb: var(--floe-color-accent-rgb);
    --accent-dark: var(--floe-color-accent-strong);
    --accent-strong: var(--floe-color-accent-strong);
    --accent-secondary: var(--floe-color-accent-secondary);
    --accent-secondary-rgb: var(--floe-color-accent-secondary-rgb);
    --accent-soft: var(--floe-color-accent-soft);
    --accent-aux: var(--floe-color-accent-aux);
    --accent-aux-rgb: var(--floe-color-accent-aux-rgb);
    --warning: var(--floe-color-warning);
    --warning-soft: var(--floe-color-warning-soft);
    --danger: var(--floe-color-danger);
    --danger-soft: var(--floe-color-danger-soft);
    --success: var(--floe-color-success);
    --success-soft: var(--floe-color-success-soft);
    --state-neutral-bg: var(--floe-state-neutral-bg);
    --state-neutral-border: var(--floe-state-neutral-border);
    --state-neutral-text: var(--floe-state-neutral-text);
    --state-info-bg: var(--floe-state-info-bg);
    --state-info-border: var(--floe-state-info-border);
    --state-info-text: var(--floe-state-info-text);
    --state-success-bg: var(--floe-state-success-bg);
    --state-success-border: var(--floe-state-success-border);
    --state-success-text: var(--floe-state-success-text);
    --state-warning-bg: var(--floe-state-warning-bg);
    --state-warning-border: var(--floe-state-warning-border);
    --state-warning-text: var(--floe-state-warning-text);
    --state-danger-bg: var(--floe-state-danger-bg);
    --state-danger-border: var(--floe-state-danger-border);
    --state-danger-text: var(--floe-state-danger-text);
    --page-background: var(--floe-page-background);
    --shadow: var(--floe-shadow-md);
    --shadow-soft: var(--floe-shadow-sm);
    --radius-xl: var(--floe-radius-xl);
    --radius-lg: var(--floe-radius-lg);
    --radius-md: var(--floe-radius-md);
    --radius-sm: var(--floe-radius-sm);
    --shell-width: var(--floe-shell-width);
    --page-footer-gap: var(--floe-page-footer-gap);
    --pgn-shellbar-height: var(--floe-shellbar-height);
}