/* =========================================
   JACKSON POLLOCK (Light Canvas)
   ========================================= */
[data-theme="pollock-light"] {
  --bg-base: #f4f0e6;
  --bg-panel: #ffffff;
  --text-main: #000000;
  --text-muted: #333333;
  --text-ghost: #666666;
  --border: #000000;
  --border-strong: #000000;
  --glass: #ffffff;
  --glass-strong: #ffffff;
  --accent: #d92525;
  --image-accent: #2563eb;
  --shadow-soft: 8px 8px 0px rgba(0,0,0,1);
  --shadow-heavy: 16px 16px 0px rgba(0,0,0,1);
  --rule: #000000;
}

[data-theme="pollock-light"] body {
  background-color: var(--bg-base);
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.06'/%3E%3C/svg%3E"),
    radial-gradient(circle at 0% 0%, #d92525 0%, #d92525 30vh, transparent 30.5vh),
    linear-gradient(135deg, transparent 75%, #2563eb 75%, #2563eb 100%),
    linear-gradient(45deg, transparent 80%, #eab308 80%, #eab308 95%, transparent 95%);
  background-size: 200px 200px, 100% 100%, 100% 100%, 100% 100%;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  background-attachment: fixed;
}

/* =========================================
   JACKSON POLLOCK (Dark Void)
   ========================================= */
[data-theme="pollock-void"] {
  --bg-base: #11141d;
  --bg-panel: #181d29;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-ghost: #475569;
  --border: #000000;
  --border-strong: #000000;
  --glass: #181d29;
  --glass-strong: #212836;
  --accent: #facc15;
  --image-accent: #2563eb;
  --shadow-soft: 8px 8px 0px rgba(0,0,0,1);
  --shadow-heavy: 16px 16px 0px rgba(0,0,0,1);
  --rule: #000000;
}

[data-theme="pollock-void"] body {
  background-color: var(--bg-base);
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E"),
    linear-gradient(90deg, #e63946 0%, #e63946 4rem, transparent 4.1rem),
    linear-gradient(210deg, #facc15 0%, #facc15 15rem, transparent 15.1rem),
    linear-gradient(330deg, #2563eb 0%, #2563eb 10rem, transparent 10.1rem);
  background-size: 200px 200px, 100% 100%, 100% 100%, 100% 100%;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat;
  background-attachment: fixed;
}

/* Shared Brutalizing Rules for Both Pollock Themes */
[data-theme="pollock-light"] .gen-pane,
[data-theme="pollock-light"] .pane,
[data-theme="pollock-light"] .micro-tile,
[data-theme="pollock-light"] .bento-stat,
[data-theme="pollock-light"] .os-drawer,
[data-theme="pollock-light"] .os-menu-btn,
[data-theme="pollock-light"] .context-dock,
[data-theme="pollock-light"] .context-tab,
[data-theme="pollock-light"] .flashcard,
[data-theme="pollock-light"] .orb-chat-popover,
[data-theme="pollock-light"] .orb-bubble,
[data-theme="pollock-light"] .mag-card,
[data-theme="pollock-light"] .msg-card,
[data-theme="pollock-void"] .gen-pane,
[data-theme="pollock-void"] .pane,
[data-theme="pollock-void"] .micro-tile,
[data-theme="pollock-void"] .bento-stat,
[data-theme="pollock-void"] .os-drawer,
[data-theme="pollock-void"] .os-menu-btn,
[data-theme="pollock-void"] .context-dock,
[data-theme="pollock-void"] .context-tab,
[data-theme="pollock-void"] .flashcard,
[data-theme="pollock-void"] .orb-chat-popover,
[data-theme="pollock-void"] .orb-bubble,
[data-theme="pollock-void"] .mag-card,
[data-theme="pollock-void"] .msg-card {
  border: 3px solid #000 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme^="pollock-"] .gen-pane,
[data-theme^="pollock-"] .pane { box-shadow: 12px 12px 0px rgba(0,0,0,1) !important; transform: rotate(-1deg) scale(0.96); }
[data-theme^="pollock-"] .micro-tile { box-shadow: 8px 8px 0px rgba(0,0,0,1) !important; transform: rotate(1.5deg); }

[data-theme^="pollock-"] .gen-pane.is-focused,
[data-theme^="pollock-"] .pane.is-focused { transform: rotate(0deg) scale(1) translateY(-6px) !important; box-shadow: 20px 20px 0px rgba(0,0,0,1) !important; }
[data-theme^="pollock-"] .micro-tile.is-focused { transform: rotate(0deg) scale(1) !important; box-shadow: 16px 16px 0px rgba(0,0,0,1) !important; }

[data-theme^="pollock-"] .os-drawer,
[data-theme^="pollock-"] .sidebar { box-shadow: 20px 0 0px rgba(0,0,0,1) !important; border-right: 5px solid #000 !important;}
[data-theme^="pollock-"] .os-menu-btn { box-shadow: 6px 6px 0px rgba(0,0,0,1) !important; background: #ffffff !important; color: #000000 !important; }
[data-theme^="pollock-"] .context-dock { box-shadow: 8px 8px 0px rgba(0,0,0,1) !important; }

[data-theme^="pollock-"] .outline-btn,
[data-theme^="pollock-"] .os-list-btn,
[data-theme^="pollock-"] .os-app-btn,
[data-theme^="pollock-"] .f-btn {
  border: 2px solid #000 !important; border-radius: 0 !important; background: var(--bg-panel) !important; color: var(--text-main) !important; box-shadow: 4px 4px 0px #000 !important; transition: transform 0.1s, box-shadow 0.1s, background 0.1s, color 0.1s !important;
}
[data-theme^="pollock-"] .outline-btn:hover,
[data-theme^="pollock-"] .os-list-btn:hover,
[data-theme^="pollock-"] .os-app-btn:hover,
[data-theme^="pollock-"] .f-btn:hover {
  transform: translate(2px, 2px) !important; box-shadow: 2px 2px 0px #000 !important; background: var(--accent) !important; color: #000 !important;
}

[data-theme^="pollock-"] .panel-kicker { color: var(--accent) !important; font-weight: 900 !important; letter-spacing: 0.25em !important; }
[data-theme^="pollock-"] .vis-title { font-weight: 800 !important; text-transform: uppercase !important; font-style: italic !important; letter-spacing: -0.05em !important; text-shadow: 4px 4px 0px var(--image-accent) !important; }
[data-theme^="pollock-"] .gen-pane.is-stacked, [data-theme^="pollock-"] .pane.is-stacked, [data-theme^="pollock-"] .micro-tile.is-stacked { border: 3px solid #000 !important; border-radius: 0 !important; transform: rotate(0deg) !important;}

/* Specific Dark Pollock Tab Colors */
[data-theme="pollock-void"] .context-tab.is-active[data-archetype="amber"] { background: #facc15 !important; color: #000 !important; border-color: #000 !important; }
[data-theme="pollock-void"] .context-tab.is-active[data-archetype="blue"] { background: #e63946 !important; color: #fff !important; border-color: #000 !important;}
[data-theme="pollock-void"] .context-tab.is-active[data-archetype="violet"] { background: #a855f7 !important; color: #fff !important; border-color: #000 !important;}
[data-theme="pollock-void"] .context-tab.is-active[data-archetype="sage"] { background: #2563eb !important; color: #fff !important; border-color: #000 !important;}
[data-theme="pollock-void"] .context-tab { background: #181d29 !important; color: #94a3b8 !important; }
[data-theme="pollock-void"] .context-tab:hover { background: #facc15 !important; color: #000 !important; }