/* ============================================================
   MAKEBOT BRAND THEME - single source of truth for colors & typography
   Imported by css/style.css; link it directly on pages that do
   not load style.css (Checkout, Admin, makebot-labs ...).

   Typography: Poppins (Regular 400, Medium 500, Bold 700, ExtraBold 800)
   Colors: Deep Violet #4320a6 | Red #f11313 | Dark Grey #232323
           White #ffffff       | Light Grey #f5f5f7
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  /* brand typography */
  --font-primary: 'Poppins', sans-serif;
  --font-display: 'Poppins', sans-serif;
  --font-body:    'Poppins', sans-serif;

  /* brand palette */
  --brand-violet: #4320a6;
  --brand-red:    #f11313;
  --brand-dark:   #232323;
  --brand-white:  #ffffff;
  --brand-light:  #f5f5f7;

  /* supporting neutrals (derived from the palette) */
  --brand-dark-2: #2f2f2f;   /* raised surface on dark backgrounds */
  --brand-border: #e4e4ea;   /* hairlines on white / light grey */
  --brand-muted:  #5f5f68;   /* secondary text */

  /* rgb triplets, for rgba(var(--brand-violet-rgb), .2) tints/shadows */
  --brand-violet-rgb: 67, 32, 166;
  --brand-red-rgb:    241, 19, 19;
  --brand-dark-rgb:   35, 35, 35;

  /* shadows */
  --brand-shadow:    0 4px 20px rgba(var(--brand-dark-rgb), .07);
  --brand-shadow-lg: 0 12px 32px rgba(var(--brand-dark-rgb), .14);

  /* status colors (kept distinct from the brand red on purpose) */
  --brand-success: #16a34a;
  --brand-warning: #f59e0b;
  --brand-danger:  #ef4444;
}