/* =====================================================
   SCG GLOBAL THEME — Marketing Promotion System
   Source: .claude/skills/frontend/SCG_UI_DESIGN_SYSTEM.md
   DO NOT override tokens inline — edit this file only
===================================================== */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Primary - SCG Blue */
  --primary:       #2B5BA0;
  --primary-dark:  #1E3A66;
  --primary-light: #E8F0FB;

  /* Status Colors */
  --success:       #06C755;
  --success-light: #E6F9EE;
  --danger:        #E53935;
  --warning:       #F59E0B;

  /* Neutral */
  --bg:      #F4F6F9;
  --surface: #FFFFFF;
  --border:  #E2E8F0;

  /* Text */
  --text:           #1F2D3D;
  --text-secondary: #6B7A8C;

  /* Shadow */
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.06);
  --shadow-md: 0 6px 20px rgba(0,0,0,0.10);

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
}

body {
  font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
}