/* CSS variables + shared design tokens */

:root {
    --app-viewport: 100vh;
    --app-bottom-inset: env(safe-area-inset-bottom, 0px);
    --claude-bg: #eeece2;
    --claude-panel: rgba(255, 255, 255, 0.82);
    --claude-left-rail: #f7f3ea;
    --claude-sidebar: rgba(255, 255, 255, 0.68);
    --claude-border: rgba(118, 103, 84, 0.25);
    --claude-text: #3d3929;
    --claude-text-secondary: #7f7766;
    --claude-muted: rgba(121, 109, 94, 0.4);
    --claude-accent: #da7756;
    --claude-accent-strong: #bd5d3a;
    --claude-deep: #f2a93b;
    --claude-deep-strong: #d07a14;
    --claude-highlight: rgba(218, 119, 86, 0.14);
    --claude-button-hover: #c76541;
    --claude-button-active: #a95331;
    --claude-shadow: 0 14px 36px rgba(61, 57, 41, 0.12);
    --claude-success: #76b086;
    --claude-warning: #d99845;
}
