:root {
    color-scheme: light;
    --paper: #f6f8fa;
    --surface: #ffffff;
    --ink: #101216;
    --muted: #5f6874;
    --line: #e1e7ee;
    --ivory: #eef4f1;
    --coffee: #2c343c;
    --gold: #ad7b3f;
    --sage: #2f7b63;
    --teal: #0f766e;
    --teal-dark: #064f49;
    --rose: #a83f5d;
    --mist: #edf5f3;
    --charcoal: #111318;
    --danger: #b42318;
    --success: #14784f;
    --paper-rgb: 246, 248, 250;
    --surface-rgb: 255, 255, 255;
    --ink-rgb: 16, 18, 22;
    --muted-rgb: 95, 104, 116;
    --line-rgb: 225, 231, 238;
    --ivory-rgb: 238, 244, 241;
    --coffee-rgb: 44, 52, 60;
    --gold-rgb: 173, 123, 63;
    --sage-rgb: 47, 123, 99;
    --teal-rgb: 15, 118, 110;
    --teal-dark-rgb: 6, 79, 73;
    --rose-rgb: 168, 63, 93;
    --mist-rgb: 237, 245, 243;
    --charcoal-rgb: 17, 19, 24;
    --danger-rgb: 180, 35, 24;
    --success-rgb: 20, 120, 79;
    --shadow: 0 12px 32px rgba(var(--ink-rgb), .07);
    --shadow-deep: 0 28px 80px rgba(var(--ink-rgb), .16);
    --ring: 0 0 0 4px rgba(var(--teal-rgb), .16);
}