/* ============================================= */
/* Portfolio Bridge — Maps shared design system   */
/* variables to portfolio's existing variable     */
/* names so portfolio CSS works without rewrite.  */
/* Loaded AFTER design-system.css AND index.css   */
/* so bridge values win over portfolio defaults.  */
/* ============================================= */

/* Override portfolio's :root with shared values */
:root {
  /* Typography — Use shared fonts (Playfair + DM Sans) instead of Outfit */
  --font-heading: var(--font-display);
  /* --font-body and --font-mono share the same name in both systems — no bridge needed */

  /* Spacing bridge (portfolio uses named, shared uses numbered) */
  --space-xs: var(--space-1);
  --space-sm: var(--space-2);
  --space-md: var(--space-4);
  --space-lg: var(--space-6);
  --space-xl: var(--space-8);
  --space-2xl: var(--space-12);
  --space-3xl: var(--space-16);
  --space-4xl: var(--space-24);

  /* Transitions bridge */
  --transition-fast: var(--duration-fast) ease;
  --transition-base: var(--duration-base) ease;
  --transition-slow: var(--duration-slow) ease;

  /* Container — use shared value */
  --container-max: 1400px;
}

/* Dark theme bridge */
[data-theme="dark"] {
  --bg-primary: var(--bg-base);
  --bg-secondary: #1e293b;
  --bg-tertiary: var(--bg-muted);
  --bg-elevated: #1e293b;

  /* text-* share the same names — use literal values to avoid circular refs */
  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-tertiary: #94a3b8;

  --border-primary: var(--border-default);
  --border-secondary: var(--border-strong);

  /* Replace blue/green gradient with teal accent */
  --accent-primary: var(--accent);
  --accent-secondary: var(--success);
  --accent-gradient: linear-gradient(135deg, var(--accent) 0%, var(--success) 100%);

  --card-bg: rgba(30, 41, 59, 0.8);
  --card-border: var(--border-default);
  --card-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);

  --header-overlay: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%);

  --cert-microsoft: #00a4ef;
  --cert-databricks: #ff3621;
  --cert-github: #f1f5f9;
}

/* Light theme bridge */
[data-theme="light"] {
  --bg-primary: var(--bg-base);
  --bg-secondary: var(--bg-muted);
  --bg-tertiary: var(--bg-subtle);
  --bg-elevated: #ffffff;

  --text-primary: #111827;
  --text-secondary: #374151;
  --text-tertiary: #6b7280;

  --border-primary: var(--border-default);
  --border-secondary: var(--border-strong);

  --accent-primary: var(--accent);
  --accent-secondary: var(--success);
  --accent-gradient: linear-gradient(135deg, var(--accent) 0%, var(--success) 100%);

  --card-bg: #ffffff;
  --card-border: var(--border-default);
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);

  --header-overlay: linear-gradient(135deg, rgba(249, 250, 251, 0.97) 0%, rgba(243, 244, 246, 0.95) 100%);

  --cert-microsoft: #0067b8;
  --cert-databricks: #ff3621;
  --cert-github: #24292f;
}