/* =================================================================
   PKG Systems — Corporate Color Palette (Dark + Teal Accent)
   www.pkgsystems.com

   Professional, confident, technology-forward. Dark base with teal
   accent to differentiate from the Aware Design blue and Studios gold.
   ================================================================= */

:root {
  /* Backgrounds — dark corporate */
  --bg-base: #0b0d12;
  --bg-surface: #131620;
  --bg-elevated: #1a1e2a;
  --bg-overlay: #232838;
  --bg-input: #161a24;

  /* Text — same high-contrast hierarchy */
  --text-primary: #f0f0f5;
  --text-secondary: #a0a8b8;
  --text-tertiary: #6a7288;
  --text-muted: #444c60;
  --text-inverse: #0b0d12;

  /* Accent — teal: technology + trustworthiness */
  --accent: #2dbda8;
  --accent-hover: #3dd4be;
  --accent-subtle: rgba(45, 189, 168, 0.10);
  --accent-glow: rgba(45, 189, 168, 0.20);

  /* Secondary — deep blue for links to product sites */
  --accent-secondary: #4d7dff;

  /* Borders */
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.18);
  --border-accent: rgba(45, 189, 168, 0.35);

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 40px rgba(45, 189, 168, 0.12);
  --shadow-glow-strong: 0 0 60px rgba(45, 189, 168, 0.20);

  /* Product colors — each product gets a signature color for its card */
  --color-provaldi: #6366f1;    /* indigo — learning */
  --color-docima: #8b5cf6;      /* violet — AI */
  --color-prosoldi: #22c95e;    /* green — finance */
  --color-provendite: #f59e0b;  /* amber — sales */
  --color-vetstra: #4d7dff;     /* blue — web/design */
}