@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Serif+Display:ital@0;1&display=swap');

:root {
    --color-bg:           #ffffff;
    --color-text:         #111111;
    --color-muted:        #888888;
    --color-subtle:       #f7f7f7;
    --color-border:       #ebebeb;
    --color-accent:       #1e90ff;
    --color-accent-hover: #0c7de6;
    --shadow-card:        0 1px 3px rgba(0,0,0,0.05), 0 4px 16px rgba(0,0,0,0.04);
    --shadow-card-hover:  0 2px 8px rgba(0,0,0,0.07), 0 8px 28px rgba(0,0,0,0.06);
    --radius:             10px;
    --transition:         0.2s ease;
}

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

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin: 0;
}

.container {
    max-width: 965px;
    margin: 0 auto;
    padding-left: 14px;
    padding-right: 14px;
}