/* VOCPhone Portal Design System Override
 * Loaded ONLY on the main downloads page to apply portal branding.
 * Alpha/beta/versions pages do NOT import this file.
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  /* Font override */
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Override interactive colors with portal orange */
  --interactive-primary: #ff6d54;
  --interactive-primary-hover: #ff8a75;
  --interactive-primary-active: #e55a42;

  /* Portal-specific tokens */
  --portal-orange: #ff6d54;
  --portal-orange-light: #ff8a75;
  --portal-orange-dark: #e55a42;
  --portal-navy: #073d54;
  --portal-navy-light: #0a5270;
  --portal-teal: #4db3c2;
  --portal-teal-light: #7bccd6;
  --portal-bg: #f8fafc;
  --portal-white: #ffffff;
  --portal-text: #1e293b;
  --portal-text-muted: #475569;
  --portal-border: #e2e8f0;

  /* Shadows */
  --portal-shadow-button: 0 4px 16px rgba(255, 109, 84, 0.35);
  --portal-shadow-card: 0 20px 40px -12px rgba(7, 61, 84, 0.15);
  --portal-shadow-card-sm: 0 4px 12px rgba(7, 61, 84, 0.08);
  --portal-shadow-card-hover: 0 24px 48px -12px rgba(7, 61, 84, 0.2);

  /* Radii */
  --portal-radius-card: 16px;
  --portal-radius-button: 10px;
  --portal-radius-sm: 8px;

  /* Gradients */
  --portal-gradient-orange: linear-gradient(135deg, #ff6d54 0%, #ff8a75 100%);
  --portal-gradient-navy: linear-gradient(135deg, #073d54 0%, #0a5270 100%);
  --portal-gradient-teal: linear-gradient(135deg, #4db3c2 0%, #3a9dad 100%);
}