/* Catppuccin Mocha — https://catppuccin.com/palette */ :root { --ctp-rosewater: #f5e0dc; --ctp-flamingo: #f2cdcd; --ctp-pink: #f5c2e7; --ctp-mauve: #cba6f7; --ctp-red: #f38ba8; --ctp-maroon: #eba0ac; --ctp-peach: #fab387; --ctp-yellow: #f9e2af; --ctp-green: #a6e3a1; --ctp-teal: #94e2d5; --ctp-sky: #89dceb; --ctp-sapphire: #74c7ec; --ctp-blue: #89b4fa; --ctp-lavender: #b4befe; --ctp-text: #cdd6f4; --ctp-subtext1: #bac2de; --ctp-subtext0: #a6adc8; --ctp-overlay2: #9399b2; --ctp-overlay1: #7f849c; --ctp-overlay0: #6c7086; --ctp-surface2: #585b70; --ctp-surface1: #45475a; --ctp-surface0: #313244; --ctp-base: #1e1e2e; --ctp-mantle: #181825; --ctp-crust: #11111b; /* Semantic aliases */ --bg-primary: var(--ctp-base); --bg-secondary: var(--ctp-mantle); --bg-tertiary: var(--ctp-crust); --bg-surface: var(--ctp-surface0); --bg-surface-hover: var(--ctp-surface1); --text-primary: var(--ctp-text); --text-secondary: var(--ctp-subtext1); --text-muted: var(--ctp-overlay1); --border: var(--ctp-surface1); --accent: var(--ctp-blue); --accent-hover: var(--ctp-sapphire); --success: var(--ctp-green); --warning: var(--ctp-yellow); --error: var(--ctp-red); /* Typography */ --ui-font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace; --ui-font-size: 13px; --term-font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace; --term-font-size: 13px; /* Layout */ --sidebar-width: 260px; --right-panel-width: 380px; --pane-header-height: 32px; --pane-gap: 2px; --border-radius: 4px; /* Pane content padding — shared between AgentPane and MarkdownPane */ --agor-pane-padding-inline: clamp(0.75rem, 3.5cqi, 2rem); }