/* ============================================================================
   Dottopia Social Hub — prototype 2 · Postiz-pattern design system
   ----------------------------------------------------------------------------
   CLEAN-ROOM: color, geometry and shadow VALUES read from the Postiz source
   (AGPL-3.0, file apps/frontend/src/app/colors.scss, light theme) — pattern
   reuse only; no Postiz code copied. Values re-authored for Dottopia:

   - Canvas: #f0f2f4 outer / #ffffff inner panels, borders #eaecee
   - Pill geometry: chips 999px, cards 16px, layered soft shadows
   - Per-platform surfaces for every channel tile
   - PRIMARY = Dottopia yellow #FFCB0C (ink text), hover #EDAE04, press #DE9A01
   - Yellow is brand chrome only — never a status colour. Postiz's yellow
     warning appearance is not used. Caution = derived orange ramp.
   ========================================================================= */
:root {
  --bg-outer: #f0f2f4;
  --bg-inner: #FFFFFF;
  --bg-inner-2: #f5f7f9;
  --border: #eaecee;
  --sep: #d5d9dd;
  --text: #0e0e0e;
  --text-sub: #777b7f;
  --text-dim: #9c9c9c;
  --table-header: #f5f7f9;
  --table-border: #e7e9eb;
  --hover: #f4f6f8;
  --col: #eff1f3;

  --brand: #FFCB0C;
  --brand-hover: #EDAE04;
  --brand-press: #DE9A01;
  --brand-soft: #FFF6D6;
  --ink: #1E1F21;

  --ok-bg: #DCFFF1;    --ok-ink: #216E4E;
  --bad-bg: #FFECEB;   --bad-ink: #C9372C;
  --warn-bg: #FFF3E5;  --warn-ink: #8F4700;
  --info-bg: #E9F2FE;  --info-ink: #1868DB;
  --sched-bg: #ffffff; --sched-ink: #777b7f;

  --ig: #FDF1F6;  --fb: #EEF4FF;  --li: #EEF4FA;  --tt: #EEF1F0;  --yt: #FCF3F3;
  --ig-ink: #C13584; --fb-ink: #1877F2; --li-ink: #0A66C2; --tt-ink: #010101; --yt-ink: #FF0000;

  --r-pill: 999px;
  --r-card: 16px;
  --r-ctl: 10px;
  --shadow-pop: 0 3px 13px 0 rgba(55,52,75,.09), 0 1px 3px 8px rgba(55,52,75,.02);
  --shadow-menu: 0 1px 3px 8px rgba(55,52,75,.1) inset, 0 3px 14px 0 rgba(55,52,75,.09);
  --shadow-card: 0 15px 34px 0 rgba(38,32,64,.05), 0 5px 13px 0 rgba(38,32,64,.04);
  --font: "IBM Plex Sans Arabic", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}