:root {
    --paper: #ffffff;
    --paper-deep: #f7f7f8;
    --surface: #f2f2f4;
    --surface-strong: #ebebee;
    --mist: #f2f2f4;
    --line: #e6e6e9;
    --line-strong: #d8d8dc;
    --ink: #0b0b0c;
    --graphite: #3c3c43;
    --muted: #8a8a8e;
    --faint: #b0b0b5;

    --accent: #16a34a;
    --accent-soft: #e7f6ed;
    --accent-deep: #11803a;
    --accent-ink: #ffffff;
    --signal: #e03131;
    --signal-soft: #fdecec;
    --amber: #b7791f;
    --amber-soft: #fbf3e2;

    --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, sans-serif;
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
        Arial, sans-serif;
    --font-mono: ui-monospace, "SF Mono", "Roboto Mono", monospace;

    --step--1: 0.8125rem;
    --step-0: 0.9375rem;
    --step-1: 1.0625rem;
    --step-2: 1.25rem;
    --step-3: 1.5rem;
    --step-4: 1.75rem;
    --step-5: 2rem;

    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 28px;
    --sp-7: 36px;
    --sp-8: 52px;

    --r-xs: 8px;
    --r-sm: 10px;
    --r-md: 14px;
    --r-lg: 16px;
    --r-xl: 20px;
    --r-pill: 999px;

    --shadow-low: none;
    --shadow-soft: none;
    --shadow-lift: 0 -1px 0 var(--line);

    --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ease-out: cubic-bezier(0.2, 0.8, 0.3, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --dur-1: 100ms;
    --dur-2: 180ms;
    --dur-3: 260ms;
    --dur-4: 420ms;

    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left: env(safe-area-inset-left, 0px);
    --safe-right: env(safe-area-inset-right, 0px);

    --gutter: 16px;
    --dock-height: 56px;
    --header-height: 52px;
    --content-max: 640px;

    --grain: none;
}