portfolio_v2/app/globals.css

@import "tailwindcss";

@theme {
  --color-canvas: #0d1117;
  --color-surface: #161b22;
  --color-line: #30363d;
  --color-line-soft: #21262d;
  --color-fg: #e6edf3;
  --color-muted: #8b949e;
  --color-accent: #58a6ff;
  --color-success: #3fb950;
  --color-danger: #f85149;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
    Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;
}

body {
  background:
    radial-gradient(
      620px 460px at -8% -12%,
      rgba(56, 132, 255, 0.22),
      transparent 58%
    ),
    radial-gradient(
      580px 460px at 108% -8%,
      rgba(150, 100, 255, 0.18),
      transparent 58%
    ),
    radial-gradient(
      900px 560px at 50% 118%,
      rgba(22, 200, 165, 0.12),
      transparent 62%
    ),
    #0a0e17;
  background-attachment: fixed;
  color: var(--color-fg);
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.5;
}

/* Panneaux « liquid glass » — verre dépoli translucide */
@utility glass {
  background: rgba(20, 25, 38, 0.62);
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 16px 44px -18px rgba(0, 0, 0, 0.7);
}

:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
  border-radius: 6px;
}

@media print {
  .no-print {
    display: none !important;
  }
  :root {
    --color-canvas: #ffffff;
    --color-surface: #ffffff;
    --color-line: #d0d7de;
    --color-line-soft: #e4e8ec;
    --color-fg: #14161a;
    --color-muted: #48505b;
    --color-accent: #0b5cad;
    --color-success: #1a7f37;
  }
  body {
    background: #fff;
    color: #14161a;
  }
  a {
    text-decoration: none;
  }
}