/* =======================================================================
   Precision Film Systems — Theme: Light (Clean)
   Load AFTER base.css
   ======================================================================= */
:root{
  --bg:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);

  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#f1f5f9;

  --text:#1e293b;
  --muted:#64748b;

  --primary:#3b82f6;
  --primary-dark:#2563eb;
  --secondary:#6366f1;

  --success:#10b981;
  --warning:#f59e0b;
  --danger:#ef4444;

  --border:rgba(148,163,184,.20);
  --shadow:0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,.05), 0 4px 6px -2px rgba(0,0,0,.02);

  --input-bg:rgba(255,255,255,.95);
  --input-text:var(--text);
  --input-border:rgba(148,163,184,.30);
  --input-border-focus:rgba(59,130,246,.60);
  --focus-ring:0 0 0 3px rgba(59,130,246,.10);

  --row-bg:rgba(255,255,255,.90);
  --row-bg-hover:rgba(59,130,246,.05);

  --notice-bg:linear-gradient(135deg, rgba(219,234,254,.9), rgba(224,231,255,.9));
  --notice-left:var(--primary);
}

body{
  background:var(--bg);
}

.security-badge{
  background:linear-gradient(135deg, rgba(59,130,246,.10), rgba(99,102,241,.10));
  border:1px solid rgba(59,130,246,.30);
  color:var(--primary);
}