/* AURUM visual tokens and legacy variable bridge. */
@font-face {
  font-family: "Sigilarium Cormorant";
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
  src: url("/wp-content/plugins/sigilarium-calculator/assets/fonts/sigilarium-cormorant-garamond-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Sigilarium Manrope";
  font-display: swap;
  font-style: normal;
  font-weight: 200 800;
  src: url("/wp-content/plugins/sigilarium-calculator/assets/fonts/sigilarium-manrope-variable.ttf") format("truetype");
}

@font-face {
  font-family: "Sigilarium Playfair";
  font-display: swap;
  font-style: normal;
  font-weight: 400 900;
  src: url("/wp-content/plugins/sigilarium-calculator/assets/fonts/sigilarium-playfair-display-variable.ttf") format("truetype");
}

:root,
html[data-theme="aurum"] {
  --color-bg-primary: #030b10;
  --color-bg-secondary: #07141a;
  --color-surface: rgba(9, 18, 22, 0.86);
  --color-surface-elevated: rgba(18, 27, 29, 0.92);
  --color-accent-primary: #e8bb69;
  --color-accent-highlight: #ffe1a0;
  --color-accent-secondary: #4fbf91;
  --color-text-primary: #f5ead4;
  --color-text-secondary: rgba(245, 234, 212, 0.7);
  --color-text-dim: rgba(245, 234, 212, 0.5);
  --color-brand-subtitle: #c5ad83;
  --color-border: rgba(232, 187, 105, 0.24);
  --color-success: #4fbf91;
  --color-warning: #f6d28b;
  --color-danger: #c97080;
  --color-glow: rgba(232, 187, 105, 0.26);
  --color-focus: rgba(246, 210, 139, 0.78);
  --color-accent-soft: rgba(232, 187, 105, 0.13);
  --font-display: "Sigilarium Cormorant", "Cormorant Garamond", "Sigilarium Playfair", "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Sigilarium Manrope", Manrope, Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-sm: 8px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --shadow-sm: 0 12px 32px rgba(0, 0, 0, 0.28);
  --shadow-md: 0 20px 54px rgba(0, 0, 0, 0.4), 0 0 28px rgba(232, 187, 105, 0.1);
  --shadow-lg: 0 36px 90px rgba(0, 0, 0, 0.56), 0 0 52px rgba(232, 187, 105, 0.14);
  --text-outline-color: rgba(3, 11, 16, 0.76);
  --text-outline-size: 0.25px;
  --text-outline-shadow: 0 1px 3px rgba(0, 0, 0, 0.42);
  --text-outline-strong: 0 0 1px rgba(3, 11, 16, 0.9), 0 8px 24px rgba(0, 0, 0, 0.35);
  --field-bg: rgba(4, 12, 16, 0.84);
  --field-text: #f5ead4;
  --field-placeholder: rgba(245, 234, 212, 0.52);
  --field-border: rgba(232, 187, 105, 0.32);
  --field-focus-border: #e8bb69;
  --element-fire: #d46f58;
  --element-wood: #69a875;
  --element-water: #5a88ad;
  --element-metal: #d2b66f;
  --element-earth: #a88763;
}

html[data-theme] {
  --sig-bg: var(--color-bg-primary);
  --sig-card: var(--color-surface);
  --sig-soft: var(--color-bg-secondary);
  --sig-text: var(--color-text-primary);
  --sig-muted: var(--color-text-secondary);
  --sig-border: var(--color-border);
  --sig-primary: var(--color-accent-primary);
  --sig-accent: var(--color-accent-secondary);
  --sig-accent-deep: var(--color-accent-highlight);
  --sig-ink-soft: var(--color-text-primary);
  --sig-blue: #4fbf91;
  --sig-green-soft: rgba(79, 191, 145, 0.14);
  --sig-rust-soft: rgba(232, 187, 105, 0.12);
  --sig-radius-sm: var(--radius-sm);
  --sig-radius-md: var(--radius-md);
  --sig-radius-lg: var(--radius-lg);
  --sig-shadow-soft: var(--shadow-md);
  --sig-shadow-card: var(--shadow-sm);
  --bg: var(--sig-bg);
  --surface: var(--sig-card);
  --surface-soft: var(--sig-soft);
  --ink: var(--sig-text);
  --muted: var(--sig-muted);
  --line: var(--sig-border);
  --border: var(--sig-border);
  --green: var(--sig-primary);
  --red: #c97080;
  --gold: #e8bb69;
  --blue: #4fbf91;
  --violet: #9f7fe8;
  --shadow: var(--sig-shadow-soft);
  --text: var(--sig-text);
}