/*
 * 10-base.css — element defaults. ElNidoGuide-Migration.md §2.2.
 *
 * Typography, links, selection and the focus ring. No components here — those
 * live in 30-components.css.
 */

/*
 * §12: "No border-radius anywhere." GeneratePress, WooCommerce, Dokan and
 * GenerateBlocks all ship rounded defaults, so this is a reset, not a preference.
 * Square corners are the identity of the design.
 */
:where(
  a, button, input, select, textarea, img, figure, table, fieldset,
  .wp-block-button__link, .wp-block-image img, .gb-container, .gb-button
){
  border-radius:0;
}

body{
  background:var(--color-bg);
  color:var(--color-text);
  font-family:var(--font-body);
  font-size:var(--type-body);
  font-weight:400;
  line-height:1.5;
}

h1,h2,h3,h4,h5,h6,
.entry-title,
.wp-block-heading{
  font-family:var(--font-heading);
  font-weight:600;
  line-height:1.1;
  /* §2.2 — avoids the orphaned last word that a two-line H1 otherwise gets. */
  text-wrap:pretty;
}

h1{ font-size:var(--type-h1-page); }
h2{ font-size:var(--type-h2-section); }
h3{ font-size:var(--type-h3-card); }

p{ text-wrap:pretty; }

/* §2.2 — links use the deep end of the ramp so they read as ink, not UI chrome. */
a{ color:var(--color-accent-800); }
a:hover{ color:var(--color-accent-900); }

::selection{
  background:var(--color-accent-200);
  color:var(--color-accent-900);
}

/*
 * §3.1 — the focus ring, declared once for every interactive element.
 *
 * :focus-visible only, so pointer users never see it but keyboard users always
 * do. This is the entire keyboard-accessibility mechanism for the build, and the
 * QA gate checks it survives GB's, Woo's and Dokan's own resets.
 */
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--color-accent-700);
  outline-offset:2px;
}