/*
Theme Name: Digital Architect
Theme URI: https://example.com/digital-architect
Author: Cascade AI
Description: A high-end editorial tech blog theme with architectural UI principles.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digital-architect
*/

/* Core CSS Variables from DESIGN.md and Prototypes */
:root {
  --primary: #a63b00;
  --primary-container: #ff5f00;
  --on-primary: #ffffff;
  --secondary: #595f66;
  --tertiary: #0061a4;
  --surface: #f8f9fa;
  --surface-bright: #f8f9fa;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f3f4f5;
  --surface-container: #edeeef;
  --surface-container-high: #e7e8e9;
  --surface-container-highest: #e1e3e4;
  --on-surface: #191c1d;
  --outline-variant: #e4bfb1;
}

body {
  background-color: var(--surface);
  color: var(--on-surface);
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.text-glow {
  text-shadow: 0 0 20px rgba(166, 59, 0, 0.3);
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}