/*
 * Physics Chat Widget — theme tokens.
 * 3 themes (dark/light/mint) + 3 text sizes.
 * Applied via data-pcw-theme / data-pcw-size on #pcw-root.
 */

/* Default (same as dark) */
#pcw-root {
	--pcw-bg:              #1a1a1a;
	--pcw-panel-bg:        #242424;
	--pcw-header-bg:       #1a2b4a;
	--pcw-header-text:     #ffffff;
	--pcw-bubble-user:     #9dd9b8;
	--pcw-bubble-user-text: #1a2b4a;
	--pcw-bubble-bot:      #2e2e2e;
	--pcw-bubble-bot-text: #f5f3ee;
	--pcw-text:            #f5f3ee;
	--pcw-text-muted:      #9ca3af;
	--pcw-accent:          #9dd9b8;
	--pcw-accent-ink:      #1a2b4a;
	--pcw-border:          rgba(255, 255, 255, 0.08);
	--pcw-input-bg:        #2e2e2e;
	--pcw-input-text:      #f5f3ee;
	--pcw-error-bg:        #3a1a1a;
	--pcw-error-text:      #fecaca;
	--pcw-msg-size:        16px;
	--pcw-bg-image:        none;
	--pcw-icon-ink:        #9dd9b8; /* paperclip/gear on dark theme */
	/* Claude-style floating composer tokens */
	--pcw-composer-bg:     #2a2a2a;
	--pcw-composer-border: 1px solid rgba(255, 255, 255, 0.08);
	--pcw-composer-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
}

/* Dark — explicit */
#pcw-root[data-pcw-theme="dark"] {
	--pcw-bg:              #1a1a1a;
	--pcw-panel-bg:        #242424;
	--pcw-bubble-user:     #9dd9b8;
	--pcw-bubble-user-text: #1a2b4a;
	--pcw-bubble-bot:      #2e2e2e;
	--pcw-bubble-bot-text: #f5f3ee;
	--pcw-text:            #f5f3ee;
	--pcw-text-muted:      #9ca3af;
	--pcw-accent:          #9dd9b8;
	--pcw-accent-ink:      #1a2b4a;
	--pcw-border:          rgba(255, 255, 255, 0.08);
	--pcw-input-bg:        #2e2e2e;
	--pcw-input-text:      #f5f3ee;
	--pcw-bg-image:        none;
	--pcw-icon-ink:        #9dd9b8;
	--pcw-composer-bg:     #2a2a2a;
	--pcw-composer-border: 1px solid rgba(255, 255, 255, 0.08);
	--pcw-composer-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
}

/* Light */
#pcw-root[data-pcw-theme="light"] {
	--pcw-bg:              #f5f3ee;
	--pcw-panel-bg:        #ffffff;
	--pcw-bubble-user:     #9dd9b8;
	--pcw-bubble-user-text: #1a2b4a;
	--pcw-bubble-bot:      #f0ede5;
	--pcw-bubble-bot-text: #1a2b4a;
	--pcw-text:            #1a2b4a;
	--pcw-text-muted:      #6b7280;
	--pcw-accent:          #9dd9b8;
	--pcw-accent-ink:      #1a2b4a;
	--pcw-border:          rgba(26, 43, 74, 0.12);
	--pcw-input-bg:        #ffffff;
	--pcw-input-text:      #1a2b4a;
	--pcw-bg-image:        none;
	--pcw-icon-ink:        #1a2b4a;
	--pcw-composer-bg:     #ffffff;
	--pcw-composer-border: 1px solid rgba(26, 43, 74, 0.08);
	--pcw-composer-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Mint — subtle checker pattern of mint on off-white */
#pcw-root[data-pcw-theme="mint"] {
	--pcw-bg:              #f2fbf6;
	--pcw-panel-bg:        #ffffff;
	--pcw-bubble-user:     #9dd9b8;
	--pcw-bubble-user-text: #1a2b4a;
	--pcw-bubble-bot:      #ffffff;
	--pcw-bubble-bot-text: #1a2b4a;
	--pcw-text:            #1a2b4a;
	--pcw-text-muted:      #55708a;
	--pcw-accent:          #9dd9b8;
	--pcw-accent-ink:      #1a2b4a;
	--pcw-border:          rgba(26, 43, 74, 0.1);
	--pcw-input-bg:        #ffffff;
	--pcw-input-text:      #1a2b4a;
	--pcw-icon-ink:        #1a2b4a;
	--pcw-bg-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><rect width='20' height='20' x='0' y='0' fill='%239dd9b8' opacity='0.18'/><rect width='20' height='20' x='20' y='20' fill='%239dd9b8' opacity='0.18'/></svg>");
	--pcw-composer-bg:     #ffffff;
	--pcw-composer-border: 1px solid rgba(26, 43, 74, 0.08);
	--pcw-composer-shadow: 0 6px 24px rgba(26, 43, 74, 0.10);
}

/* Text size tokens */
#pcw-root[data-pcw-size="small"]  { --pcw-msg-size: 14px; }
#pcw-root[data-pcw-size="normal"] { --pcw-msg-size: 16px; }
#pcw-root[data-pcw-size="large"]  { --pcw-msg-size: 18px; }