/* Black / charcoal / white. Blue belongs to Arc's display and active controls. */
:root { --bg: #080809; --page: #080809; --sidebar: #101011; --surface: #141416; --surface-soft: rgba(24,24,27,.72); --surface-raised: #1b1b1e; --surface-hover: #222225; --line: #28282c; --line-strong: #414146; --line-bright: #414146; --text: #f3f3f5; --text-soft: #c9c9d0; --muted: #9b9ba5; --muted-deep: #777781; --accent: #42beff; --cyan: #42beff; }
body { background: #080809; }
.site-ambient { display: none; }
.site-header { background: rgba(15,15,17,.7); border-color: rgba(255,255,255,.08); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.site-header::before { background: linear-gradient(180deg,rgba(12,12,14,.94),rgba(12,12,14,.86) 58%,rgba(12,12,14,.44) 78%,transparent); }
.desktop-nav { background: rgba(255,255,255,.025); border-color: rgba(255,255,255,.07); }
.desktop-nav a { color: #a8a8b0; }.desktop-nav a:hover { color: #f3f3f5; }
.arc-mark, .welcome-mark { background: transparent; border: 0; box-shadow: none; }
.button-light { background: #f2f2f4; color: #111114; box-shadow: 0 2px 8px #0003; }
.button-light:hover { background: #fff; box-shadow: 0 4px 18px #0004; }
.button-outline, .button-ghost { border-color: #37373d; background: rgba(255,255,255,.025); color: #dedee3; }
.button-outline:hover, .button-ghost:hover { border-color: #66666e; background: rgba(255,255,255,.06); }
.section-heading p, .workflow-copy p, .workflow-list p, .capability-row p, .final-cta p { color: #a2a2ac; }
.kicker { color: #9e9ea8; }
.capability-row { border-color: #2b2b30; }.capability-tags span { border-color: #303036; background: #151518; color: #bbbcc5; }
.final-cta { background: radial-gradient(ellipse at 50% 100%,rgba(66,190,255,.055),transparent 65%),#111113; border-color: #2a2a30; }
.cta-glow { opacity: .15; }.final-cta h2 span { color: #f2f2f5; }
.chat-sidebar { background: #101011; border-color: #27272b; }
.chat-main { background: #080809; }
.chat-topbar { background: rgba(8,8,9,.94); border-color: #232327; }
.conversation-heading span { color: #92929b; }
.studio-status, .diagnostics-button { color: #a0a0ab; }
.diagnostics-button, .studio-project-menu { background: #161618; border-color: #303035; }
.signin-button { color: #111114; background: #f2f2f5; }.signin-button.signed-in { color: #e9e9ee; background: #232326; border-color: #38383f; }
.history-item { color: #b0b0b9; }.history-item.active { background: #202023; border-color: #38383f; box-shadow: inset 2px 0 #42beff; }
.history-item:hover { background: #1c1c20; }.history-empty { color: #9b9ba5; }
.new-chat-button { background: #19191c; border-color: #35353b; color: #eeeef2; box-shadow: inset 0 1px #ffffff08; }.new-chat-button:hover { background: #242429; border-color: #52525c; }
.sidebar-footer { border-color: #2b2b30; }.sidebar-footer div, .sidebar-footer a { color: #9c9ca7; }.sidebar-footer strong { color: #cacad2; }
.starter-prompts button { color: #b2b2bb; border: 1px solid #2c2c31; border-radius: 20px; padding: 9px 13px; background: #121214; }.starter-prompts button:hover { color: #f5f5f7; border-color: #5b5b65; background: #1c1c20; }
.message-avatar { background: #1e1e22; color: #bebec9; border-color: #35353c; }
.message-content > strong { color: #c6c6d0; }.message.user .message-content p { color: #e3e3e9; }
.agent-run { background: transparent; box-shadow: none; }.agent-run-heading { color: #9c9ca7; }.agent-run-heading i { background: #18181c; border-color: #36363e; color: #b8b8c4; }
.activity-pill { border-color: #33333b; background: #161619; color: #a5a5b0; box-shadow: none; }.activity-pill.active { color: #d2e7f1; border-color: #3d515e; background: #151d22; }
.agent-output-card, .agent-output-card.plan, .agent-output-card.conversation { background: #111113; border-color: #333338; box-shadow: inset 0 1px #ffffff03; }
.agent-output-card::before { background: #424249; }.agent-output-heading { color: #bcbcc7; }.agent-output-body { color: #e0e0e6; font-size: 13px; line-height: 1.8; }
.agent-output-body code, .agent-output-body pre { background: #0b0b0d; border-color: #303037; }
.composer-dock { background: linear-gradient(180deg,transparent,#080809 24%); }
.chat-composer { background: rgba(29,29,32,.78); border-color: #3d3d45; box-shadow: 0 14px 38px #0004,inset 0 1px #ffffff0b; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.chat-composer:focus-within { border-color: #656571; box-shadow: 0 14px 38px #0004,inset 0 1px #ffffff0d; }
.chat-composer textarea { color: #f0f0f4; }.chat-composer textarea::placeholder { color: #9898a3; }
.send-button { background: #f1f1f5; color: #111115; box-shadow: none; }.send-button:hover:not(:disabled) { background: #fff; }.send-button:disabled { background: #34343b; color: #81818c; }
.composer-disclaimer { color: #878791; }
.animator-workspace { background: #101012; border-color: #303035; }.animator-header { background: #151518; border-color: #303035; }.animator-viewer { background: #0c0c0f; }
.animator-body > section, .animator-source-card { background: linear-gradient(150deg,#1a1a1de8,#121214); border-color: #34343a; }
.animator-metadata { background: #111114; border-color: #303037; }.animator-summary-card h2, .animator-studio-card h3 { color: #eeeef5; }
.animator-summary-card p, .animator-studio-state, .animator-studio-card > label { color: #a1a1af; }
.animator-topbar-button { background: #202024; border-color: #3b3b43; color: #d4d4df; }
.pricing-page .price-card { background: linear-gradient(150deg,#1b1b1fe8,#111114); border-color: #303037; }.pricing-page .price-card.featured { background: linear-gradient(155deg,#242429,#141417 65%); border-color: #61616d; box-shadow: 0 12px 50px #0002; }
.pricing-page .popular-label { background: #242429; color: #ededf2; border-color: #565660; }.pricing-page .kicker, .pricing-page .plan-label, .pricing-page .includes, .pricing-page .plan-description { color: #a5a5b0; }
.credit-shop-card { background: #161619; border-color: #333339; }.access-card { background: #131316; border-color: #34343c; }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior: auto !important; } }