/*
Theme Name: DesignDeploy
Theme URI: https://design-studio.211j.com
Author: DesignDeploy
Description: The DesignDeploy site — wears the product design system, generated from @designdeploy/design.
Version: 0.1.7
Requires at least: 6.5
Requires PHP: 8.1
License: Proprietary
Text Domain: designdeploy
Update URI: https://design-studio.211j.com/theme-updates/
*/

/* Generated by scripts/build.mjs. Edit the tokens in @designdeploy/design, not this file. */

:root {
  --ground: #F5F3EF;
  --ground-sunken: #EDEBE7;
  --ink: #1A1813;
  --ink-muted: #6B6A66;
  --accent: #C74023;
  --accent-display: #C94123;
  --success: #3D7B44;
  --working: #91681B;
  --danger: #A32C15;
  --rule-faint: #E5E3DF;
  --rule: #DDDBD7;
  --rule-strong: #C8C6C0;
  --reversed: #F5F3EF;
  --font: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-black: 800;
  --track-display: -0.022em;
  --track-display-large: -0.03em;
  --track-meta: 0.14em;
  --lead-display: 0.98;
  --lead-heading: 1.08;
  --lead-body: 1.45;
  --hairline: 1px;
  --touch-min: 0px;
  --radius: 0px;
  --text-meta: 11px;
  --text-body: 15px;
  --text-lead: 20px;
  --text-title: 27px;
  --text-display: 41px;
  --text-hero: 63px;
  --space-hair: 2px;
  --space-tight: 4px;
  --space-snug: 8px;
  --space-base: 12px;
  --space-loose: 20px;
  --space-section: 32px;
  --space-page: 48px;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--ground);
  color: var(--ink);
  font-family: var(--font);
  font-size: var(--text-body);
  line-height: var(--lead-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* The two registers. There is no third. */
.dd-display {
  font-weight: var(--weight-black);
  letter-spacing: var(--track-display);
  line-height: var(--lead-display);
}

.dd-meta {
  font-size: var(--text-meta);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--track-meta);
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--ink-muted);
}

/* Rules, never shadows. */
.dd-rule { border: 0; border-top: var(--hairline) solid var(--rule); margin: 0; }

/* Focus has to survive on a paper ground and on the wall's dark one. */
:focus-visible {
  outline: var(--hairline) solid var(--accent);
  outline-offset: 2px;
}