/* Cores, medidas e fonte do SocialSales.AI: um arquivo só para o painel, o Insights e o Escritório (fase 3 da revisão,
 * 19/10). Escuro é o padrão; o claro tem paleta própria. Os --st-* são os estados do post, sempre com o mesmo
 * significado: precisa de você (âmbar), em produção (azul), aprovado (verde suave), agendado (violeta), no ar (verde
 * cheio), falhou (vermelho). */
@font-face {
  font-family: "Manrope"; src: url("/fonts/Manrope-Variable.ttf") format("truetype");
  font-weight: 200 800; font-display: swap;
}
:root {
  color-scheme: dark;
  --bg: #080a09;
  --surface: #111613;
  --surface-2: #1b221e;
  --surface-hover: #242e28;
  --border: #ffffff1c;
  --border-strong: #ffffff30;
  --border-control: #76877c;
  --border-accent: #74d8a855;
  --text: #f6f7f6;
  --muted: #b4bdb7;
  --faint: #929f96;
  --primary: #13794f;
  --primary-text: #ffffff;
  --accent: #0fa968;
  --accent-text: #8de7bb;
  --accent-soft: #102d20;
  --focus: #91f2c3;
  --ok: #8de7bb;
  --ok-soft: #102d20;
  --warn: #f1ce87;
  --warn-soft: #302719;
  --danger: #f4aaa8;
  --danger-soft: #34201f;
  --series-1: #65dfab;
  --grid: #ffffff14;
  --code-bg: #0d1510;
  --glow: #0fa96824;
  --material-panel: linear-gradient(145deg, #ffffff08, #ffffff02 60%), #151c18c9;
  --material-dense: #111713;
  --material-control: linear-gradient(145deg, #ffffff07, #ffffff02), #101813;
  --material-primary: linear-gradient(130deg, #13794f, #0b6140);
  --material-overlay: #111713f2;
  --shadow: inset 0 1px 0 #ffffff26, inset 1px 0 0 #ffffff0a, 0 18px 45px #00000033;
  --shadow-control: inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #00000040;
  --shadow-action: inset 0 1px 0 #b0f1d173, inset 0 -1px 1px #004726, 0 6px 25px #0fa96826;
  --shadow-overlay: 0 30px 100px #00000099, inset 0 1px 0 #ffffff25;
  --radius: 23px;
  --radius-md: 16px;
  --radius-control: 13px;
  --radius-small: 8px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --st-neutro: #b3beb7; --st-neutro-bg: #1e2621;
  --st-voce: #f5c56b; --st-voce-bg: #2f2412;
  --st-producao: #93c5fd; --st-producao-bg: #13233a;
  --st-pronto: #74e0ac; --st-pronto-bg: #0f2a1d;
  --st-agendado: #c4b5fd; --st-agendado-bg: #231c3b;
  --st-publicado: #04130b; --st-publicado-bg: #1fbf7a;
  --st-falhou: #f9a8a4; --st-falhou-bg: #351c1c;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f7f5;
  --surface: #ffffff;
  --surface-2: #eaf0ec;
  --surface-hover: #dcebe2;
  --border: #164d2d24;
  --border-strong: #164d2d38;
  --border-control: #6c8575;
  --border-accent: #1683566b;
  --text: #10251a;
  --muted: #405d4c;
  --faint: #546f5f;
  --accent-text: #08643e;
  --accent-soft: #e4f4ea;
  --focus: #07683f;
  --ok: #176340;
  --ok-soft: #e4f4ea;
  --warn: #73510c;
  --warn-soft: #fcf3dc;
  --danger: #a42c31;
  --danger-soft: #fcebee;
  --series-1: #087749;
  --grid: #164d2d14;
  --code-bg: #eaf1ed;
  --glow: #0fa96814;
  --material-panel: linear-gradient(145deg, #ffffff91, #ffffff25 65%), #f6fbf8a8;
  --material-dense: #ffffff;
  --material-control: linear-gradient(145deg, #fffffff2, #ffffffb8 70%), #e1ece5;
  --material-overlay: #fffffff5;
  --shadow: inset 0 1px 0 #ffffff, inset 1px 0 0 #ffffffb3, 0 2px 5px #183d2910, 0 14px 30px #183d2910;
  --shadow-control: inset 0 1px 0 #ffffff, inset 0 -1px 0 #2756380d, 0 1px 2px #173f2910;
  --shadow-action: inset 0 1px 0 #b0f1d180, inset 0 -1px 1px #00472666, 0 5px 14px #0c704825;
  --shadow-overlay: inset 0 1px 0 #ffffff, 0 2px 8px #183d2914, 0 24px 72px #183d292e;
  --st-neutro: #3f5a4a; --st-neutro-bg: #eaf0ec;
  --st-voce: #7a4f00; --st-voce-bg: #fdf1d8;
  --st-producao: #1d4ed8; --st-producao-bg: #e6efff;
  --st-pronto: #0b6b41; --st-pronto-bg: #e3f4ea;
  --st-agendado: #5b3fc4; --st-agendado-bg: #efeaff;
  --st-publicado: #ffffff; --st-publicado-bg: #13794f;
  --st-falhou: #a42c31; --st-falhou-bg: #fdecec;
}