/* Profilecode design tokens
   Single source for colors, spacing, radii, shadows, and type.
   Loaded before site.css on every "full" page. */
:root {
  /* Brand */
  --pc-grad-a: #6a5cf0;
  --pc-grad-b: #7c3aed;
  --pc-gradient: linear-gradient(135deg, var(--pc-grad-a) 0%, var(--pc-grad-b) 100%);
  --pc-brand: #6a5cf0;
  --pc-brand-dark: #4f3fc9;
  --pc-brand-soft: #eef0ff;
  --pc-accent-1: #a78bfa;
  --pc-accent-2: #22d3ee;
  --pc-accent-tint: #f1eefe;

  /* Neutrals */
  --pc-text: #16181f;
  --pc-text-soft: #4b5065;
  --pc-text-muted: #6f7488;
  --pc-bg: #f6f7fb;
  --pc-surface: #ffffff;
  --pc-surface-alt: #f9f9fd;
  --pc-border: #e4e6f0;

  /* Feedback */
  --pc-success: #178a54;
  --pc-danger: #d13b3b;

  /* Spacing scale */
  --pc-sp-1: 4px;
  --pc-sp-2: 8px;
  --pc-sp-3: 12px;
  --pc-sp-4: 16px;
  --pc-sp-5: 20px;
  --pc-sp-6: 24px;
  --pc-sp-8: 32px;
  --pc-sp-10: 40px;
  --pc-sp-15: 60px;

  /* Radii */
  --pc-radius-sm: 10px;
  --pc-radius: 14px;
  --pc-radius-md: 18px;
  --pc-radius-lg: 24px;
  --pc-radius-pill: 999px;

  /* Shadows (layered, soft) */
  --pc-shadow-sm: 0 1px 2px rgba(20, 20, 43, 0.06), 0 2px 8px rgba(20, 20, 43, 0.05);
  --pc-shadow-md: 0 4px 12px rgba(20, 20, 43, 0.07), 0 8px 24px rgba(20, 20, 43, 0.08);
  --pc-shadow-lg: 0 12px 32px rgba(20, 20, 43, 0.14), 0 24px 60px rgba(20, 20, 43, 0.16);

  /* Typography */
  --pc-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;
  --pc-fs-sm: clamp(0.85rem, 0.82rem + 0.15vw, 0.9rem);
  --pc-fs-base: clamp(0.95rem, 0.92rem + 0.2vw, 1.05rem);
  --pc-fs-md: clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  --pc-fs-lg: clamp(1.25rem, 1.1rem + 0.8vw, 1.5rem);
  --pc-fs-xl: clamp(1.6rem, 1.3rem + 1.6vw, 2.2rem);
  --pc-fs-hero: clamp(2rem, 1.5rem + 2.5vw, 3rem);
  --pc-lh: 1.7;

  /* Per-type accent defaults (overridden by type-palettes.css .t-* classes) */
  --type-primary: var(--pc-brand);
  --type-secondary: var(--pc-grad-b);
  --type-soft: var(--pc-brand-soft);
}