/* Cheapa Docs — design tokens
   Brand: monochrome (black/white) from the Cheapa logo, one accent: spring green. */
:root {
  /* Ink / surfaces */
  --black:      #0B0B0B;
  --ink:        #14171C;
  --ink-2:      #3A3F47;
  --white:      #FFFFFF;
  --paper:      #F4F5F7;   /* app background (Shopeers-style) */
  --card:       #FFFFFF;
  --line:       #E8EAEE;
  --line-2:     #F0F1F4;
  --muted:      #6B7280;
  --muted-2:    #9AA1AC;

  /* Accent — spring green */
  --green:      #12E08A;
  --green-600:  #0FBE75;
  --green-700:  #0A9A5E;
  --green-100:  #E3FBF0;
  --green-ink:  #063D28;   /* deep green for text on light green */
  --green-glow: rgba(18, 224, 138, .35);

  /* Semantic */
  --up:    #12B76A;
  --down:  #F04438;
  --warn:  #F79009;
  --info:  #2E90FA;

  /* Radius */
  --r-xs:   8px;
  --r-sm:  12px;
  --r:     16px;
  --r-lg:  22px;
  --r-xl:  28px;
  --r-pill:999px;

  /* Shadows (soft, Shopeers-like) */
  --shadow-sm: 0 1px 2px rgba(16,24,40,.05);
  --shadow:    0 6px 20px rgba(16,24,40,.07);
  --shadow-lg: 0 16px 48px rgba(16,24,40,.12);
  --shadow-green: 0 8px 24px var(--green-glow);

  /* Spacing scale */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-7:32px; --s-8:48px; --s-9:64px; --s-10:96px;

  /* Type */
  --font: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;

  /* Layout */
  --maxw: 1180px;
  --header-h: 64px;
  --sidebar-w: 248px;
  --bottombar-h: 64px;
}