/* ── Theme tokens (shared across shell, login, and designer) ──
 * Mirrors the SmileSet corporate palette + typography.
 */

:root {
    --brand: #6b998b;
    --brand-soft: rgba(107, 153, 139, 0.08);
    --header-bg: #1a1a1a;
    --sidebar-bg: #2a2a2a;
    --surface: #ffffff;
    --surface-muted: #f7f7f7;
    --border: #e8e8e8;
    --border-strong: #dddddd;
    --text: #1b1a19;
    --text-muted: #555555;
    --text-soft: #999999;
    --danger: #c0392b;

    --radius-lg: 20px;
    --radius-md: 10px;
    --radius-sm: 6px;
    --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.04), 0 8px 28px rgba(0, 0, 0, 0.07);
}

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

html, body {
    margin: 0;
    padding: 0;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text);
    background: var(--surface-muted);
}

h1, h2, h3, h4 {
    font-family: 'Cormorant Garamond', 'DM Sans', serif;
    color: var(--text);
}

a { color: var(--brand); }

code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    background: #f0efed;
    padding: 0 4px;
    border-radius: 4px;
    font-size: 0.92em;
}