:root {
    color-scheme: light;

    --background: #f4efe7;
    --foreground: #211c1a;
    --card: #fffaf4;
    --card-foreground: #211c1a;
    --primary: #8d5b2b;
    --primary-foreground: #fffaf4;
    --secondary: #e5d6c4;
    --secondary-foreground: #352b24;
    --muted: #eee4d8;
    --muted-foreground: #6f6056;
    --faint: #f7f1e9;
    --faint-foreground: #7a6a5f;
    --accent: #dcc7ae;
    --danger: #b3474f;
    --danger-foreground: #fff7f7;
    --success: #2f7d57;
    --success-foreground: #f3fff8;
    --warning: #a96b1e;
    --warning-foreground: #1d1408;
    --border: #927f6b;
    --input: #927f6b;
    --ring: #8d5b2b;

    --shadow-small: 0 1px 3px rgb(57 37 16 / 0.08);
    --shadow-medium: 0 14px 28px rgb(57 37 16 / 0.08);
    --shadow-large: 0 24px 48px rgb(57 37 16 / 0.12);

    --makana-console-surface: #1f2028;
    --makana-console-surface-strong: #171821;
    --makana-console-surface-elevated: rgb(31 32 40 / 0.86);
    --makana-console-border: #343647;
    --makana-console-divider: rgb(255 255 255 / 0.08);
    --makana-console-foreground: #f4f1ec;
    --makana-console-foreground-muted: #d7d0c8;
    --makana-console-heading: #8ed0ff;
    --makana-console-accent: #c4aeff;
    --makana-console-info: #a5cbff;
    --makana-console-marker: #88de7f;
    --makana-console-create: #88de7f;
    --makana-console-update: #f0c86d;
    --makana-console-delete: #ff9595;
    --makana-console-error: #ff9595;
    --makana-console-feed-error-border: #9f4d60;

    --makana-avatar-surface: #ffffff;
    --makana-avatar-ring: rgb(17 24 39 / 0.12);
    --makana-page-background-image: none;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;

        --background: #111318;
        --foreground: #f3efe8;
        --card: #171a20;
        --card-foreground: #f3efe8;
        --primary: #d8a15d;
        --primary-foreground: #23180c;
        --secondary: #262a31;
        --secondary-foreground: #f3efe8;
        --muted: #21252c;
        --muted-foreground: #948b83;
        --faint: #1d2027;
        --faint-foreground: #8c847c;
        --accent: #323844;
        --danger: #ee7f87;
        --danger-foreground: #2d0f15;
        --success: #74c795;
        --success-foreground: #0d2216;
        --warning: #e5ae62;
        --warning-foreground: #261a07;
        --border: #646b77;
        --input: #646b77;
        --ring: #d8a15d;

        --shadow-small: 0 1px 3px rgb(0 0 0 / 0.3);
        --shadow-medium: 0 18px 36px rgb(0 0 0 / 0.28);
        --shadow-large: 0 28px 56px rgb(0 0 0 / 0.36);

        --makana-console-surface: #171821;
        --makana-console-surface-strong: #111219;
        --makana-console-surface-elevated: rgb(23 24 33 / 0.88);
        --makana-console-border: #343647;
        --makana-console-divider: rgb(255 255 255 / 0.08);
        --makana-console-foreground: #f5f1ff;
        --makana-console-foreground-muted: #e9e3ff;
        --makana-console-heading: #69c7ff;
        --makana-console-accent: #c2a6ff;
        --makana-console-info: #9ac8ff;
        --makana-console-marker: #8fef7d;
        --makana-console-create: #7be47b;
        --makana-console-update: #ffd36b;
        --makana-console-delete: #ff8a8a;
        --makana-console-error: #ff8a8a;
        --makana-console-feed-error-border: #a03b57;

        --makana-avatar-surface: #fffaf4;
        --makana-avatar-ring: rgb(17 24 39 / 0.18);
    }
}

:root[data-theme="light"] {
    color-scheme: light;
}

:root[data-theme="dark"] {
    color-scheme: dark;

    --background: #111318;
    --foreground: #f3efe8;
    --card: #171a20;
    --card-foreground: #f3efe8;
    --primary: #d8a15d;
    --primary-foreground: #23180c;
    --secondary: #262a31;
    --secondary-foreground: #f3efe8;
    --muted: #21252c;
    --muted-foreground: #948b83;
    --faint: #1d2027;
    --faint-foreground: #8c847c;
    --accent: #323844;
    --danger: #ee7f87;
    --danger-foreground: #2d0f15;
    --success: #74c795;
    --success-foreground: #0d2216;
    --warning: #e5ae62;
    --warning-foreground: #261a07;
    --border: #646b77;
    --input: #646b77;
    --ring: #d8a15d;

    --shadow-small: 0 1px 3px rgb(0 0 0 / 0.3);
    --shadow-medium: 0 18px 36px rgb(0 0 0 / 0.28);
    --shadow-large: 0 28px 56px rgb(0 0 0 / 0.36);

    --makana-console-surface: #171821;
    --makana-console-surface-strong: #111219;
    --makana-console-surface-elevated: rgb(23 24 33 / 0.88);
    --makana-console-border: #343647;
    --makana-console-divider: rgb(255 255 255 / 0.08);
    --makana-console-foreground: #f5f1ff;
    --makana-console-foreground-muted: #e9e3ff;
    --makana-console-heading: #69c7ff;
    --makana-console-accent: #c2a6ff;
    --makana-console-info: #9ac8ff;
    --makana-console-marker: #8fef7d;
    --makana-console-create: #7be47b;
    --makana-console-update: #ffd36b;
    --makana-console-delete: #ff8a8a;
    --makana-console-error: #ff8a8a;
    --makana-console-feed-error-border: #a03b57;

    --makana-avatar-surface: #fffaf4;
    --makana-avatar-ring: rgb(17 24 39 / 0.18);
    --makana-page-background-image: none;
}