/* ==========================================================================
   DARQA TT5 Child — Base layer
   - Maps WordPress presets to DARQA tokens
   - Establishes default element styling (institutional / content-first)
   ========================================================================== */

:root {
  /* --- Color tokens (mapped to WP presets) --- */
  --darqa-surface: var(--wp--preset--color--darqa-surface, #ffffff);
  --darqa-surface-muted: var(--wp--preset--color--darqa-surface-muted, #f8f9fa);

  --darqa-border: var(--wp--preset--color--darqa-border, #dee2e6);
  --darqa-border-soft: var(--wp--preset--color--darqa-border-soft, #ced4da);

  --darqa-text: var(--wp--preset--color--darqa-text, #212529);
  --darqa-text-strong: var(--wp--preset--color--darqa-text-strong, #343a40);
  --darqa-text-muted: var(--wp--preset--color--darqa-text-muted, #6c757d);

  --darqa-link: var(--wp--preset--color--darqa-link, #007bff);
  --darqa-link-hover: var(--wp--preset--color--darqa-link-hover, #0056b3);

  --darqa-brand-blue: var(--wp--preset--color--darqa-brand-blue, #1a61ab);
  --darqa-brand-deep-blue: var(--wp--preset--color--darqa-brand-deep-blue, #114e7e);
  --darqa-brand-teal: var(--wp--preset--color--darqa-brand-teal, #00626e);

  --darqa-success: var(--wp--preset--color--darqa-success, #28a745);
  --darqa-danger: var(--wp--preset--color--darqa-danger, #dc3545);
  --darqa-warning: var(--wp--preset--color--darqa-warning, #ffc107);
  --darqa-info: var(--wp--preset--color--darqa-info, #17a2b8);

  /* --- Typography tokens --- */
  --darqa-font-sans: var(--wp--preset--font-family--darqa-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  --darqa-font-mono: var(--wp--preset--font-family--darqa-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);

  --darqa-font-size-xs: var(--wp--preset--font-size--xs, 12px);
  --darqa-font-size-sm: var(--wp--preset--font-size--sm, 13px);
  --darqa-font-size-md: var(--wp--preset--font-size--md, 14px);
  --darqa-font-size-base: var(--wp--preset--font-size--base, 16px);
  --darqa-font-size-lg: var(--wp--preset--font-size--lg, 20px);
  --darqa-font-size-xl: var(--wp--preset--font-size--xl, 24px);
  --darqa-font-size-2xl: var(--wp--preset--font-size--2xl, 28px);

  /* --- Layout / component tokens --- */
  --darqa-radius: 0px;
  --darqa-border-width: 1px;

  --darqa-content-gap: var(--wp--custom--darqa--content-gap, 24px);
  --darqa-sidebar-width: var(--wp--custom--darqa--sidebar-width, 320px);
  --darqa-widget-icon-size: var(--wp--custom--darqa--widget-icon-size, 64px);

  --darqa-focus-ring: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

/* Global defaults */
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--darqa-font-sans);
  color: var(--darqa-text);
  background: var(--darqa-surface);
  font-size: var(--darqa-font-size-base);
  line-height: 1.55;
}

/* Links */
a {
  color: var(--darqa-link);
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--darqa-link-hover);
  text-decoration: underline;
}

a:focus-visible {
  outline: none;
  box-shadow: var(--darqa-focus-ring);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--darqa-brand-deep-blue);
  line-height: 1.25;
}

/* Default paragraph spacing (keeps dense content readable) */
p {
  margin-top: 0;
  margin-bottom: 1em;
}

/* Images: do not overflow columns */
img {
  max-width: 100%;
  height: auto;
}

/* Thin institutional separators */
hr {
  border: 0;
  border-top: var(--darqa-border-width) solid var(--darqa-border);
}

/* Strong default for “card-like” groups */
.darqa-card {
  border: var(--darqa-border-width) solid var(--darqa-border);
  padding: 16px;
  background: var(--darqa-surface);
}

/* Utility for “muted” surface */
.darqa-surface-muted {
  background: var(--darqa-surface-muted);
}

/* Make form inputs and buttons square (no rounded corners) */
input,
select,
textarea,
button {
  border-radius: var(--darqa-radius) !important;
}

/* WordPress buttons */
.wp-block-button__link {
  border-radius: var(--darqa-radius);
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
  filter: brightness(0.92);
}