:root {
    --ink: #102018;
    --paper: #f4f7f1;
    --page-bg: #eef5ed;
    --line: rgba(16, 32, 24, .12);
    --muted: rgba(16, 32, 24, .72);
    --soft: rgba(16, 32, 24, .52);
    --accent: #07783E;
    --accent-deep: #055A2F;
    --teal: #07783E;
    --white: #fcfdf9;
    --shadow: 0 30px 80px rgba(8, 48, 27, .14);
    --highlight: var(--accent);
    --accent-shadow: rgba(7, 120, 62, .24);
    --button-primary-start: #cf6d3b;
    --button-primary-end: #9f4722;
    --button-primary-shadow: rgba(159, 71, 34, .28);
    --button-secondary-bg: rgba(255, 255, 255, .72);
    --button-secondary-border: rgba(16, 32, 24, .1);
    --button-secondary-color: var(--accent-deep);
    --nav-bg: linear-gradient(180deg, rgba(244, 247, 241, .94), rgba(244, 247, 241, 0));
    --nav-scrolled-bg: rgba(244, 247, 241, .76);
    --nav-scrolled-shadow: rgba(12, 33, 24, .08);
    --mobile-nav-bg: linear-gradient(180deg, rgba(244, 247, 241, .96), rgba(244, 247, 241, .9));
    --mobile-menu-panel-bg: rgba(244, 247, 241, .95);
    --mobile-menu-link-bg: rgba(255, 255, 255, .74);
    --mobile-menu-shadow: rgba(12, 33, 24, .16);
    --glass-bg: linear-gradient(155deg, rgba(255, 255, 255, .9), rgba(244, 250, 244, .76)), linear-gradient(135deg, rgba(122, 191, 147, .18), rgba(7, 120, 62, .1));
    --glass-blob-primary: rgba(122, 191, 147, .34);
    --glass-blob-secondary: rgba(7, 120, 62, .12);
    --phase-blob-bg: linear-gradient(135deg, rgba(122, 191, 147, .18), rgba(7, 120, 62, .14));
    --note-bg: linear-gradient(135deg, #0b4428, #0d5c33 58%, #158349);
}

.panel-home {
    background: radial-gradient(circle at 12% 18%, rgba(7, 120, 62, .16), transparent 24%), radial-gradient(circle at 88% 18%, rgba(122, 191, 147, .24), transparent 18%), linear-gradient(180deg, #f3f8f2 0%, #edf5eb 100%);
}
.panel-services {
    background: radial-gradient(circle at 82% 82%, rgba(7, 120, 62, .16), transparent 20%), linear-gradient(180deg, #f8fcf7 0%, #edf6ee 100%);
}
.panel-assessment {
    background: radial-gradient(circle at 15% 82%, rgba(122, 191, 147, .24), transparent 20%), linear-gradient(180deg, #f1f8f2 0%, #e6f2e8 100%);
}
.panel-work {
    background: radial-gradient(circle at 82% 18%, rgba(7, 120, 62, .18), transparent 22%), linear-gradient(180deg, #f7fbf4 0%, #eaf3e8 100%);
}
.panel-about {
    background: radial-gradient(circle at 18% 24%, rgba(7, 120, 62, .14), transparent 22%), linear-gradient(180deg, #f4f8f2 0%, #edf4ec 100%);
}
.panel-stories {
    background: radial-gradient(circle at 80% 20%, rgba(122, 191, 147, .18), transparent 25%), linear-gradient(180deg, #f3f8f1 0%, #e8f0e7 100%);
}
.panel-contact {
    background: radial-gradient(circle at 82% 18%, rgba(122, 191, 147, .16), transparent 25%), linear-gradient(180deg, #083822 0%, #0d4f30 100%);
    color: rgba(255, 255, 255, .94);
}