:root {
    --ff-ink: #282828;
    --ff-accent: #dab233;
    --ff-beige: #f1e8df;
    --ff-surface: #fff;
    --ff-success: #2f6b3a;
    --ff-divider: #e3e3e3;
    --ff-line: color-mix(in srgb, var(--ff-ink) 18%, transparent);
    --ff-line-strong: var(--ff-ink);
    --ff-text-muted: color-mix(in srgb, var(--ff-ink) 70%, transparent);
    --ff-error: #fa4d5a;
    --ff-space-xs: 0.375em;
    --ff-space-s: 0.625em;
    --ff-space-m: 1em;
    --ff-space-l: 1.75em;
    --ff-control-padding: 0.5em 0.75em;
    --ff-tap-target: 44px;
    --ff-focus-ring: 3px solid var(--ff-accent);
    --ff-icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
    --ff-icon-eye-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
}