/**
 * AICT /discover/ "craft" pass  [2026-06-14]
 * Extends the "Workbench" aesthetic (cream graph paper, ink, ember, Fraunces) to the
 * AI discovery agent. CSS-ONLY, LIGHT mode only, scoped to #aict-discover, literal hex,
 * !important to beat inline styles. Fully reversible. CRITICAL: the page's own dark-mode
 * override block (html[data-theme="dark"] #aict-discover …) is a different theme branch;
 * every rule here is gated html:not([data-theme="dark"]) so the two never collide.
 */

/* page → cream graph paper */
html:not([data-theme="dark"]) #aict-discover{
  background-color:#f6efe2;
  background-image:
    linear-gradient(#e3d7be 1px,transparent 1px),
    linear-gradient(90deg,#e3d7be 1px,transparent 1px),
    radial-gradient(circle at 50% -40px,rgba(210,69,22,.06),transparent 60%);
  background-size:30px 30px,30px 30px,100% 560px;
  font-family:'Hanken Grotesk',system-ui,sans-serif;
}

/* H1 → Fraunces display ink */
html:not([data-theme="dark"]) #aict-discover h1{
  font-family:'Fraunces',Georgia,serif !important;
  font-optical-sizing:auto;font-weight:900 !important;letter-spacing:-.02em;
  color:#211b16 !important;-webkit-text-fill-color:#211b16 !important;
}

/* badge → mono kicker, subtitle → ink-soft */
html:not([data-theme="dark"]) #aict-discover .aict-disc-badge{
  font-family:'JetBrains Mono',monospace !important;
  background:none !important;color:#a8330c !important;
  letter-spacing:.14em;text-transform:uppercase;font-weight:700 !important;
  border:1.5px solid #cdbfa6 !important;
}
html:not([data-theme="dark"]) #aict-discover .aict-disc-subtitle{color:#5b5046 !important;}

/* form panel → letterpress card */
html:not([data-theme="dark"]) #aict-discover section[aria-labelledby="aict-disc-form-label"]{
  background:#fffdf8 !important;
  border:2px solid #211b16 !important;
  border-radius:14px !important;
  box-shadow:6px 6px 0 #211b16 !important;
}
/* textarea → paper input, ember focus */
html:not([data-theme="dark"]) #aict-discover #aict-disc-query{
  background:#f6efe2 !important;border:1.5px solid #cdbfa6 !important;border-radius:10px !important;color:#211b16 !important;
  font-family:'Hanken Grotesk',sans-serif !important;
}
html:not([data-theme="dark"]) #aict-discover #aict-disc-query:focus{
  border-color:#d24516 !important;background:#fff !important;box-shadow:0 0 0 4px rgba(210,69,22,.15) !important;outline:none !important;
}

/* sample chips → ink-bordered ember-hover (id+class beats the page's class-only :hover) */
html:not([data-theme="dark"]) #aict-discover .aict-disc-sample{
  background:#fffdf8 !important;border:1.5px solid #211b16 !important;border-radius:9px !important;
  color:#211b16 !important;font-weight:600 !important;
}
html:not([data-theme="dark"]) #aict-discover .aict-disc-sample:hover{
  background:#d24516 !important;border-color:#211b16 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;
}

/* primary submit → ember letterpress (same hit area; color/skin only) */
html:not([data-theme="dark"]) #aict-discover #aict-disc-submit{
  font-family:'Fraunces',serif !important;font-weight:600 !important;letter-spacing:-.01em;
  background:#d24516 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;
  border:2px solid #211b16 !important;border-radius:11px !important;box-shadow:4px 4px 0 #211b16 !important;
  transition:transform .12s,box-shadow .12s,background .15s !important;
}
html:not([data-theme="dark"]) #aict-discover #aict-disc-submit:hover{
  background:#a8330c !important;transform:translate(-1px,-1px);box-shadow:6px 6px 0 #211b16 !important;
}
html:not([data-theme="dark"]) #aict-discover #aict-disc-submit:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #211b16 !important;}