:root {
    /* Neutral sand tones */
    --tone-sand-050: #ffffff;
    --tone-sand-080: #fdfcf9;
    --tone-sand-100: #fbfaf6;
    --tone-sand-140: #faf7f0;
    --tone-sand-150: #f4f0e8;
    --tone-sand-200: #f6f4ef;
    --tone-sand-300: #f0ebe3;
    --tone-sand-400: #e2ddd3;
    --tone-sand-500: #cfc7b8;

    /* Ink spectrum */
    --tone-ink-900: #141414;
    --tone-ink-800: #151518;
    --tone-ink-700: #2c2d30;
    --tone-ink-500: #6d6f74;
    --tone-ink-400: #7a7c81;
    --tone-ink-300: #8c8e93;

    /* Brand + support */
    --brand-accent-500: #1f3bb8;
    --brand-accent-100: #e8ecff;
    --support-success-500: #1f6b43;
    --support-warning-100: #fff8e5;
    --support-warning-200: #f2d5a1;

    /* Semantic aliases */
    --surface-page: var(--tone-sand-200);
    --surface-card: var(--tone-sand-050);
    --surface-panel: var(--tone-sand-080);
    --surface-panel-alt: #fbfaf7;
    --surface-contrast: #faf9f5;
    --surface-muted: var(--tone-sand-150);
    --surface-neutral-raised: #fefdf9;
    --surface-gradient-start: #faf8f3;
    --surface-gradient-mid: var(--tone-sand-150);
    --surface-gradient-end: var(--tone-sand-200);

    --border-default: var(--tone-sand-400);
    --border-strong: var(--tone-sand-500);

    --text-primary: var(--tone-ink-900);
    --text-strong: var(--tone-ink-800);
    --text-muted: var(--tone-ink-500);
    --text-soft: var(--tone-ink-300);

    --accent-primary: var(--brand-accent-500);
    --accent-soft: var(--brand-accent-100);
    --success-strong: var(--support-success-500);
    --error-strong: #b3261e;
    --warning-surface: var(--support-warning-100);
    --warning-border: var(--support-warning-200);
    --warning-text: #6b4a0f;
    --info-surface: #f0f4ff;
    --info-border: #cfd8ff;
    --info-border-strong: #c9d1ff;
    --info-text: #1b2c7a;
    --neutral-divider: #d1d1d1;
    --success-border-soft: #a7d1b5;
    --error-border-soft: #f0b7b1;

    /* Legacy aliases for existing stylesheets */
    --page-bg: var(--surface-page);
    --card-bg: var(--surface-card);
    --ink: var(--text-primary);
    --muted: var(--text-muted);
    --border: var(--border-default);
    --accent: var(--accent-primary);
    --success: var(--success-strong);
    --warning-bg: var(--warning-surface);
}