/* Generated from token theme: Journal Copper */
/* Author: Deadkeys */

:root {
  /* Semantic tokens (theme.py TOKEN_VARIABLES) */
  --bg-primary: #1a1512;
  --bg-secondary: #252019;
  --bg-tertiary: #3d352c;
  --border-default: #3d352c;
  --border-strong: #6b5e52;
  --text-primary: #d4c4ad;
  --text-muted: #a08e7e;
  --text-heading: #e6d8c3;
  --accent-fill: #c08050;
  --accent-text: #1a1512;
  --warning: #c87f3a;
  --danger: #cb6e60;
  --link-default: #c08050;
  --link-hover: #c47a5a;
  --focus: #c08050;
  --bg-code: #1a1512;

  /* Compatibility aliases for the pre-token stylesheet */
  --accent-fg: var(--accent-fill);
  --accent-fill-hover: var(--link-hover);
  --accent-border: var(--accent-fill);
  --border-accent: var(--border-strong);
  --bg-hover: var(--bg-tertiary);
  --bg-selection: var(--bg-tertiary);
  --bg-deep: var(--bg-primary);
  --bg-deepest: var(--bg-primary);
  --text-secondary: var(--text-muted);
  --danger-text: var(--danger);
  --error: var(--danger);
  --success: var(--link-default);
  --info: var(--link-default);
  --diff-added: var(--link-default);
  --diff-removed: var(--danger);
  --color-red: var(--danger);
  --color-orange: var(--warning);
  --color-yellow: var(--warning);
  --color-green: var(--accent-fill);
  --color-cyan: var(--accent-fill);
  --color-blue: var(--link-default);
  --color-purple: var(--link-hover);
  --color-brown: var(--warning);
  --color-bright-red: var(--danger);
  --color-bright-yellow: var(--warning);
  --color-bright-green: var(--accent-fill);
  --color-bright-cyan: var(--accent-fill);
  --color-bright-blue: var(--link-default);
  --color-bright-magenta: var(--link-hover);
  --btn-text: #1a1512;
  --btn-primary: #c08050;
  --btn-primary-hover: var(--link-hover);
  --btn-danger: var(--danger);
  --btn-danger-hover: var(--warning);

  /* Fonts */
  --font-heading: 'Spectral', Georgia, serif;
  --font-body: 'Source Sans 3', system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --font-ui: var(--font-body);
  --font-display: 'Spectral', Georgia, serif;
  --display-weight: 700;
  --display-color: #e6d8c3;

  /* Type scale */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 2.75rem;

  /* Instance size controls (1 = the theme's own scale) */
  --heading-size-multiplier: 1;
  --body-size-multiplier: 1;
}
@layer site {
h1 { font-size: calc(32px * var(--heading-size-multiplier, 1)); }
h2 { font-size: calc(24px * var(--heading-size-multiplier, 1)); }
h3 { font-size: calc(20px * var(--heading-size-multiplier, 1)); }
h4 { font-size: calc(18px * var(--heading-size-multiplier, 1)); }
h5 { font-size: calc(16px * var(--heading-size-multiplier, 1)); }
h6 { font-size: calc(14px * var(--heading-size-multiplier, 1)); }
th { background-color: #8a5a38; }
pre { background-color: var(--bg-secondary); }
code { font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace; }
.journal-post h1 { font-size: 30px; color: #d8a070; }
h2, .journal-entry-card h2 a { color: #d8a070; }
@media (max-width: 480px) { .journal-post h1 { font-size: 20px; } }
}