*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    font-size: 18px;
    --sidebar-w: 12vw;
    --accent: #c2410c;
    --accent-bg: #fff1eb;
    --text: #1c1412;
    --muted: #78625a;
    --border: rgba(0, 0, 0, 0.08);
    --bg: #fdf6f0;
    --surface: #f5e6df;
    --img-viewer-background: rgba(0, 0, 0, 0.85);
    --img-viewer-button-hover: rgba(0, 0, 0, 0.85);
    --img-viewer-button: rgba(0, 0, 0, 0.4);
}

[data-lucide] {
    width: 1rem;
    height: 1rem;
    stroke: var(--accent);
    stroke-width: 1.5;
}