/* MagicFeather mf6 tokens
   Desktop-first Authoring Studio. Existing MagicFeather logo and functions stay. */
:root {
  --mf6-version: "mf6.2f-global-modal-action-scroll-v7-desktop-dark-touch-gate";
  --mf6-navy-950: #04111f;
  --mf6-navy-900: #071b33;
  --mf6-navy-850: #08223f;
  --mf6-navy-800: #0b2c50;
  --mf6-navy-700: #123d69;
  --mf6-gold-700: #a86f13;
  --mf6-gold-600: #c99022;
  --mf6-gold-500: #d9a53a;
  --mf6-gold-300: #f3cf7b;
  --mf6-ink: #0e1d2f;
  --mf6-text: #132235;
  --mf6-muted: #56657a;
  --mf6-faint: #5f6e82;
  --mf6-page: #f6f8fb;
  --mf6-paper: #ffffff;
  --mf6-surface: #ffffff;
  --mf6-surface-soft: #f7f9fc;
  --mf6-surface-muted: #eef2f6;
  --mf6-line: #e5e9ef;
  --mf6-line-strong: #cfd7e2;
  --mf6-success: #137a4b;
  --mf6-warning: #c7831d;
  --mf6-danger: #aa342d;
  --mf6-info: #2c78c4;
  --mf6-sidebar-width: 16.25rem;
  --mf6-rail-width: 21.5rem;
  --mf6-topbar-height: 4.25rem;
  --mf6-footer-height: 3.1rem;
  --mf6-space-1: .25rem;
  --mf6-space-2: .5rem;
  --mf6-space-3: .75rem;
  --mf6-space-4: 1rem;
  --mf6-space-5: 1.25rem;
  --mf6-space-6: 1.5rem;
  --mf6-space-8: 2rem;
  --mf6-space-10: 2.5rem;
  --mf6-radius-xs: .38rem;
  --mf6-radius-sm: .38rem;
  --mf6-radius-md: .5rem;
  --mf6-radius-lg: .65rem;
  --mf6-radius-xl: .75rem;
  --mf6-radius-pill: 999px;
  --mf6-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);
  --mf6-shadow-md: 0 .5rem 1.4rem rgba(15, 23, 42, .08);
  --mf6-shadow-lg: 0 1.4rem 3.5rem rgba(3, 12, 24, .24);
  --mf6-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mf6-font-editor: Georgia, "Times New Roman", serif;
  --mf6-type-xs: .75rem;
  --mf6-type-sm: .84rem;
  --mf6-type-md: .94rem;
  --mf6-type-lg: 1.08rem;
  --mf6-type-xl: 1.28rem;
  --mf6-type-2xl: 1.65rem;
  --mf6-type-hero: 2.55rem;
  --mf6-weight-regular: 450;
  --mf6-weight-medium: 650;
  --mf6-weight-bold: 800;
  --mf6-z-sidebar: 30;
  --mf6-z-topbar: 25;
  --mf6-z-footer: 24;
  --mf6-z-drawer: 700;
  --mf6-z-modal: 900;
}

html[data-mf-theme="dark"] {
  --mf6-page: #07111d;
  --mf6-paper: #101d2b;
  --mf6-surface: #111f30;
  --mf6-surface-soft: #0c1927;
  --mf6-surface-muted: #16283b;
  --mf6-line: #26384c;
  --mf6-line-strong: #334d67;
  --mf6-text: #edf4fb;
  --mf6-muted: #a2b0c1;
  --mf6-faint: #788ca1;
  --mf6-success: #6edfa2;
}

body.mf6 {
  /* v7-desktop-dark-touch-gate: legacy components inside the MF6 shell use
     the same accessible text hierarchy as the current component library. */
  --mf-text-muted: var(--mf6-muted);
  --mf-text-subtle: var(--mf6-faint);
  --mf6-text-muted: var(--mf6-muted);
  --muted: var(--mf6-muted);
  --mf-success: var(--mf6-success);
  margin: 0;
  min-width: 768px;
  overflow: hidden;
  background: var(--mf6-page);
  color: var(--mf6-text);
  font-family: var(--mf6-font-ui);
  font-size: var(--mf6-type-md);
  letter-spacing: 0;
}

html[data-mf-theme="dark"] body.mf6 {
  background: #06101c;
}

body.mf6 *,
body.mf6 *::before,
body.mf6 *::after {
  box-sizing: border-box;
}

body.mf6 a {
  color: inherit;
  text-decoration: none;
}

body.mf6 button,
body.mf6 input,
body.mf6 select,
body.mf6 textarea {
  font: inherit;
}

body.mf6 [hidden] {
  display: none !important;
}

/* v6.2i12-mf6-dark-surface-audit-contract
   Semantic mf6 surface aliases for equal Light/Dark rendering. Component files
   consume these aliases instead of treating white legacy surfaces as page fixes. */
:root {
  --mf6-surface-raised: #ffffff;
  --mf6-surface-elevated: #ffffff;
  --mf6-surface-hover: #fbfcfe;
  --mf6-surface-control: #ffffff;
  --mf6-surface-control-hover: #f8fafc;
  --mf6-surface-field: #ffffff;
  --mf6-surface-field-hover: #fbfcfe;
  --mf6-surface-header: rgba(255, 255, 255, .98);
  --mf6-surface-footer: rgba(255, 255, 255, .98);
  --mf6-surface-modal-head: rgba(255, 255, 255, .98);
  --mf6-surface-modal-foot: rgba(255, 255, 255, .98);
  --mf6-surface-danger: #fff5f3;
  --mf6-surface-success: #e9f7ef;
  --mf6-surface-icon: #eef4f8;
  --mf6-surface-empty: #ffffff;
  --mf6-surface-table-head: #f8fafc;
  --mf6-backdrop: rgba(15, 23, 42, .36);
  --mf6-backdrop-strong: rgba(15, 23, 42, .42);
}

html[data-mf-theme="dark"] {
  --mf6-surface-raised: #101d2b;
  --mf6-surface-elevated: #142338;
  --mf6-surface-hover: #17283d;
  --mf6-surface-control: #142338;
  --mf6-surface-control-hover: #1a2d45;
  --mf6-surface-field: #0b1726;
  --mf6-surface-field-hover: #102033;
  --mf6-surface-header: rgba(16, 29, 43, .98);
  --mf6-surface-footer: rgba(16, 29, 43, .98);
  --mf6-surface-modal-head: rgba(18, 34, 52, .98);
  --mf6-surface-modal-foot: rgba(18, 34, 52, .98);
  --mf6-surface-danger: rgba(255, 142, 130, .13);
  --mf6-surface-success: rgba(31, 154, 97, .16);
  --mf6-surface-icon: #1e3148;
  --mf6-surface-empty: #0f1d2e;
  --mf6-surface-table-head: #17283d;
  --mf6-backdrop: rgba(0, 0, 0, .56);
  --mf6-backdrop-strong: rgba(0, 0, 0, .64);
}