@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600&display=swap');

:root {
    --accent: #956c16;
    --bg: #f5f4f0;
    --paper: #f5f4f0;
    --text: #22231f;
    --ink: #22231f;
    --text-muted: #72736c;
    --muted: #72736c;
    --border: #dcdcd4;
    --line: #dcdcd4;
}

body {
    background: var(--paper);
    font-family: 'DM Sans', Arial, sans-serif;
}

h1 {
    font-size: clamp(38px, 7vw, 66px);
    font-weight: 450;
    letter-spacing: -.055em;
}

h2, h3 { font-weight: 500; }
p, li, .legal-copy p, .legal-copy li { color: #55574e; }
.logo-icon, .brand img { box-shadow: none; }
.logo-text, .brand { font-weight: 500; letter-spacing: -.04em; }
.card, .contact-card, .support-card {
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    border: 1px solid var(--line);
}

.highlight, .summary {
    background: #e8ebe1;
    border-radius: 0;
    border-color: var(--line);
}

.lang-toggle, .language-switch { background: transparent; border: 0; border-radius: 0; }
.lang-toggle button, .language-switch button { border-radius: 0; }
.lang-toggle button.active, .language-switch button.active {
    background: transparent;
    color: var(--ink);
    border-bottom: 1px solid var(--ink);
    box-shadow: none;
}

.mail-button { border-radius: 2px; }
:focus-visible { outline: 2px solid #ed573c; outline-offset: 5px; }
::selection { color: #22231f; background: #eed47b; }