@layer legacy {
  :root {
    --bg: var(--fp-color-bg-page);
    --bg-deep: var(--fp-color-bg-page);
    --panel: var(--fp-color-bg-surface);
    --panel2: var(--fp-color-bg-surface-raised);
    --panel3: var(--fp-color-bg-surface-strong);
    --text: var(--fp-color-text-primary);
    --muted: var(--fp-color-text-muted);
    --accent: var(--fp-color-brand-primary);
    --accent-bright: var(--fp-color-brand-primary-strong);
    --accent2: var(--fp-color-brand-accent);
    --outline: var(--fp-color-border-subtle);
  }

  .settings-grid {
    display: grid;
    gap: var(--fp-space-4);
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  }

  .inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: var(--fp-space-3);
    align-items: center;
  }

  .stack {
    display: grid;
    gap: var(--fp-space-4);
  }

  .section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--fp-space-4);
  }

  .admin-grid-tools,
  .toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--fp-space-3);
    align-items: center;
  }

  .admin-grid-actions,
  .sticky-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--fp-space-3);
  }

  .cards {
    display: grid;
    gap: var(--fp-space-4);
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }

  .table-wrap {
    overflow-x: auto;
  }
}