/* =======================================================================
   Precision Film Systems™ — Theme: Light (Clean)
   Load AFTER base.css
   ======================================================================= */
:root{
  --bg:
    radial-gradient(circle at 16% 18%, rgba(216,170,76,.10), transparent 30%),
    radial-gradient(circle at 84% 10%, rgba(108,231,255,.08), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7f7f4 42%, #f7f5ef 100%);

  --surface:#ffffff;
  --surface-2:#f7f5ef;
  --surface-3:#efebe2;

  --text:#111318;
  --muted:#5f6872;

  --primary:#d8aa4c;
  --primary-dark:#b9852d;
  --secondary:#6ce7ff;

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

  --border:rgba(17,19,24,.11);
  --shadow:0 24px 70px rgba(17,19,24,.08);
  --shadow-lg:0 34px 100px rgba(17,19,24,.16);

  --input-bg:#ffffff;
  --input-text:var(--text);
  --input-border:rgba(17,19,24,.16);
  --input-border-focus:rgba(216,170,76,.72);
  --focus-ring:0 0 0 4px rgba(216,170,76,.18);

  --row-bg:rgba(255,255,255,.96);
  --row-bg-hover:rgba(216,170,76,.08);

  --notice-bg:linear-gradient(135deg, rgba(216,170,76,.13), rgba(108,231,255,.08));
  --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);
}