/*
 * diaspora.ro — shared shell primitives
 *
 * This file defines reusable contract values only. It does not render markup,
 * attach handlers or override page-specific components.
 */
:root {
  --dpr-shell-control-height: 44px;
  --dpr-shell-control-height-sm: 36px;
  --dpr-shell-control-radius: 11px;
  --dpr-shell-control-radius-icon: 12px;
  --dpr-shell-card-radius: 16px;
  --dpr-shell-accent: var(--brand, #7c3aed);
  --dpr-shell-accent-strong: var(--brand2, #9333ea);
  --dpr-shell-surface: var(--card, #ffffff);
  --dpr-shell-surface-soft: var(--card-hover, #f5f7fa);
  --dpr-shell-line: var(--border, #e4e6ea);
  --dpr-shell-focus-color: var(--brand, #7c3aed);
  --dpr-shell-focus-width: 3px;
  --dpr-shell-focus-offset: 2px;
}

[data-shell-family="profile"] {
  --dpr-shell-accent: var(--profile-blue, var(--brand, #7c3aed));
  --dpr-shell-accent-strong: var(--profile-blue-dark, var(--brand2, #9333ea));
  --dpr-shell-surface: var(--profile-surface, var(--card, #ffffff));
  --dpr-shell-surface-soft: var(--profile-surface-soft, var(--card-hover, #f5f7fa));
  --dpr-shell-line: var(--profile-line, var(--border, #e4e6ea));
  --dpr-shell-focus-color: var(--profile-blue, var(--brand, #7c3aed));
}

.dpr-shell-focusable:focus-visible {
  outline: var(--dpr-shell-focus-width) solid var(--dpr-shell-focus-color);
  outline-offset: var(--dpr-shell-focus-offset);
}