:root {
    color-scheme: dark;
    --paper: #0b1118;
    --surface: #111923;
    --ink: #f4f7fb;
    --muted: #9ba7b4;
    --line: #263241;
    --ivory: #151f2b;
    --coffee: #c5cfdb;
    --gold: #ad7b3f;
    --sage: #2f7b63;
    --teal: #0f766e;
    --teal-dark: #58a6ff;
    --rose: #d28aa0;
    --mist: #172231;
    --charcoal: #070b10;
    --danger: #fb7185;
    --success: #14784f;
    --paper-rgb: 11, 17, 24;
    --surface-rgb: 17, 25, 35;
    --ink-rgb: 244, 247, 251;
    --muted-rgb: 155, 167, 180;
    --line-rgb: 38, 50, 65;
    --ivory-rgb: 21, 31, 43;
    --coffee-rgb: 197, 207, 219;
    --gold-rgb: 173, 123, 63;
    --sage-rgb: 47, 123, 99;
    --teal-rgb: 15, 118, 110;
    --teal-dark-rgb: 88, 166, 255;
    --rose-rgb: 210, 138, 160;
    --mist-rgb: 23, 34, 49;
    --charcoal-rgb: 7, 11, 16;
    --danger-rgb: 251, 113, 133;
    --success-rgb: 20, 120, 79;
    --shadow: 0 18px 44px rgba(0, 0, 0, .34);
    --shadow-deep: 0 32px 90px rgba(0, 0, 0, .56);
    --ring: 0 0 0 4px rgba(var(--teal-rgb), .24);
}