:root {
    --primary: #faff69;
    --primary-active: #e6eb52;
    --primary-disabled: #3a3a1f;
    --canvas: #0a0a0a;
    --surface-soft: #121212;
    --surface-card: #1a1a1a;
    --surface-elevated: #242424;
    --ink: #ffffff;
    --body: #cccccc;
    --muted: #888888;
    --muted-soft: #5a5a5a;
    --hairline: #2a2a2a;
    --hairline-strong: #3a3a3a;
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;
    --sidebar-width: 248px;
    --radius: 8px;
}

* {
    box-sizing: border-box;
}

html {
    background: var(--canvas);
}

body {
    margin: 0;
    min-width: 320px;
    color: var(--body);
    background: var(--canvas);
    font-family: Inter, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 0;
}

button,
input,
select,
textarea {
    font: inherit;
    letter-spacing: 0;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
}