.pie-mock{--mock-paper:var(--pie-bg);--mock-card:var(--pie-surface);--mock-card-subtle:var(--pie-primary-muted);--mock-line:var(--pie-border);--mock-border:var(--pie-border);--mock-border-strong:var(--pie-border-light);--mock-ink:var(--pie-ink);--mock-ink-muted:var(--pie-ink-muted);--mock-ink-faint:var(--pie-ink-light);--mock-amber:var(--pie-primary);--mock-amber-dark:var(--pie-primary-dark);--mock-amber-soft:var(--pie-primary-pale);--mock-forest:var(--pie-primary);--mock-forest-soft:var(--pie-primary-pale);--mock-ocean:var(--pie-primary-light);--mock-ocean-soft:var(--pie-info-pale);--mock-plum:var(--pie-purple);--mock-plum-soft:var(--pie-info-pale);--mock-rose:var(--pie-danger);--mock-rose-soft:var(--pie-danger-pale);--mock-gold:var(--pie-accent);--mock-gold-soft:var(--pie-accent-pale);font-family:var(--font-sans);font-feature-settings:normal}.pie-mock .mono{font-feature-settings:normal}.pie-mock .font-serif,.pie-mock .serif,.pie-mock .numeric,.pie-mock h1,.pie-mock h2,.pie-mock h3,.pie-mock h4{font-family:var(--font-serif)}.pie-mock .mock-btn-accent,.pie-mock .mock-btn-accent:hover{color:var(--pie-on-primary,#fff)}.pie-mock .mock-btn-primary,.pie-mock .mock-btn-primary:hover{color:var(--mock-card)}.pie-mock .mock-btn-primary:hover{background:var(--mock-ink-muted)}.pie-mock .mock-btn-accent:disabled{opacity:.55;cursor:not-allowed}.pie-mock .mock-btn-accent:disabled:hover{background:var(--mock-amber);transform:none}