/* ============ PERSONA GAYA — layer visual keempat ============ */
[data-persona="default"] {
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --card-border: 2px solid var(--ink);
  --card-shadow: 4px 4px 0 var(--ink);
}
[data-persona="linen"] {
  --font-body: 'Inter', system-ui, sans-serif;
  --font-display: 'Sora', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --radius-persona: 16px;
  --radius-sm-persona: 10px;
  --radius-lg-persona: 22px;
  --card-border: 1px solid color-mix(in srgb, var(--ink) 12%, var(--paper));
  --card-shadow: 0 4px 18px color-mix(in srgb, var(--ink) 8%, transparent);
}
[data-persona="obsidian"] {
  --font-body: 'Sora', system-ui, sans-serif;
  --font-display: 'Sora', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --radius-persona: 14px;
  --radius-sm-persona: 9px;
  --radius-lg-persona: 20px;
  --card-border: 1px solid color-mix(in srgb, var(--paper) 16%, transparent);
  --card-shadow: 0 12px 30px color-mix(in srgb, var(--ink) 32%, transparent);
}
[data-persona="brutalist"] {
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --font-display: 'Archivo Black', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --radius-persona: 4px;
  --radius-sm-persona: 3px;
  --radius-lg-persona: 6px;
  --card-border: 2.5px solid var(--ink);
  --card-shadow: 5px 5px 0 var(--ink);
}
[data-persona="material"] {
  --font-body: 'Roboto Flex', system-ui, sans-serif;
  --font-display: 'Roboto Flex', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --radius-persona: 24px;
  --radius-sm-persona: 14px;
  --radius-lg-persona: 28px;
  --card-border: 1px solid color-mix(in srgb, var(--ink) 10%, transparent);
  --card-shadow: 0 2px 8px color-mix(in srgb, var(--ink) 10%, transparent);
}
[data-persona="vintage"] {
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-display: 'Playfair Display', serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --radius-persona: 5px;
  --radius-sm-persona: 4px;
  --radius-lg-persona: 8px;
  --card-border: 1px solid color-mix(in srgb, var(--ink) 22%, transparent);
  --card-shadow: 0 3px 12px color-mix(in srgb, var(--ink) 12%, transparent);
}
[data-persona="matrix"] {
  --font-body: 'JetBrains Mono', monospace;
  --font-display: 'JetBrains Mono', monospace;
  --font-mono: 'JetBrains Mono', monospace;
  --radius-persona: 3px;
  --radius-sm-persona: 2px;
  --radius-lg-persona: 4px;
  --card-border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--ink));
  --card-shadow: 0 0 18px color-mix(in srgb, var(--accent) 16%, transparent);
}
[data-persona="matrix"][data-theme="light"] {
  --ink: color-mix(in srgb, var(--accent) 42%, #0a0a0a);
  --gray: color-mix(in srgb, var(--accent) 30%, #52525b);
}
[data-persona="aurora"] {
  --font-body: 'Inter', system-ui, sans-serif;
  --font-display: 'Sora', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --radius-persona: 20px;
  --radius-sm-persona: 12px;
  --radius-lg-persona: 26px;
  --card-border: 1px solid color-mix(in srgb, var(--paper) 28%, transparent);
  --card-shadow: 0 12px 32px color-mix(in srgb, var(--ink) 28%, transparent), inset 0 1px color-mix(in srgb, var(--paper) 25%, transparent);
}
[data-persona="clay"] {
  --font-body: 'Nunito', system-ui, sans-serif;
  --font-display: 'Nunito', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --radius-persona: 22px;
  --radius-sm-persona: 14px;
  --radius-lg-persona: 28px;
  --card-border: 1px solid color-mix(in srgb, var(--paper) 30%, transparent);
  --card-shadow: 8px 8px 20px color-mix(in srgb, var(--ink) 18%, transparent), -8px -8px 20px color-mix(in srgb, var(--paper) 85%, transparent);
}

[data-persona]:not([data-persona="default"]) body,
[data-persona]:not([data-persona="default"]) button,
[data-persona]:not([data-persona="default"]) input,
[data-persona]:not([data-persona="default"]) select,
[data-persona]:not([data-persona="default"]) textarea { font-family: var(--font-body); }
[data-persona]:not([data-persona="default"]) .mono,
[data-persona]:not([data-persona="default"]) .market-main,
[data-persona]:not([data-persona="default"]) .hero-num { font-family: var(--font-mono); }
[data-persona]:not([data-persona="default"]) .sec-title,
[data-persona]:not([data-persona="default"]) .widget-title,
[data-persona]:not([data-persona="default"]) .set-name,
[data-persona]:not([data-persona="default"]) .sb-brand .name { font-family: var(--font-display); }
[data-persona]:not([data-persona="default"]) .dashboard-widget,
[data-persona]:not([data-persona="default"]) .set-card,
[data-persona]:not([data-persona="default"]) .form-card,
[data-persona]:not([data-persona="default"]) .hero,
[data-persona]:not([data-persona="default"]) .stat,
[data-persona]:not([data-persona="default"]) .modal,
[data-persona]:not([data-persona="default"]) .auth-card {
  border: var(--card-border);
  border-radius: var(--radius-persona);
  box-shadow: var(--card-shadow);
}
[data-persona="matrix"] .dashboard-widget,
[data-persona="matrix"] .set-card {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);
}
[data-persona="aurora"] .dashboard-widget,
[data-persona="aurora"] .set-card,
[data-persona="aurora"] .sidebar,
[data-persona="aurora"] .topbar,
[data-persona="aurora"] .hero {
  background: color-mix(in srgb, var(--paper) 88%, var(--accent));
}
[data-persona="clay"] .dashboard-widget,
[data-persona="clay"] .set-card,
[data-persona="clay"] .stat,
[data-persona="clay"] .hero {
  background: color-mix(in srgb, var(--paper) 72%, var(--bg));
  box-shadow: 4px 4px 10px color-mix(in srgb, var(--ink) 14%, transparent);
}