/**
 * Page rhythm tokens — uniform inset/gap/padding for resume + projects.
 * Scale via site-layout.json pageRhythm.scale or harness Layout tab.
 * Base values × --pf-page-rhythm-scale (default 0.82 in tokens.css).
 */
@import '../presentation/pf-presentation-typography.css';

:root {
  --pf-page-rhythm-scale: 0.82;

  /* Outer page gutter (resume shell + projects container horizontal) */
  --pf-page-padding-x: calc(1rem * var(--pf-page-rhythm-scale));
  --pf-page-padding-y: calc(0.75rem * var(--pf-page-rhythm-scale));

  /* Uniform inset inside cards / unified shell / section heads */
  --pf-section-inset: calc(1.125rem * var(--pf-page-rhythm-scale));

  /* Vertical gap between major blocks (header → grid, grid rows, resume sections) */
  --pf-section-gap: calc(0.875rem * var(--pf-page-rhythm-scale));

  /* Gap under section titles / between stacked cards */
  --pf-section-head-gap: calc(0.875rem * var(--pf-page-rhythm-scale));

  /* Grid/flex gap between sibling cards or gallery thumbs */
  --pf-block-gap: calc(0.875rem * var(--pf-page-rhythm-scale));

  /* Aliases consumed by theme + kit */
  --gap: var(--pf-block-gap);
  --card-pad: var(--pf-section-inset);
}