/* Theme Definitions */
:root {
  /* Default Archival Theme */
  --color-primary: #000000;
  --color-on-primary: #ffffff;
  --color-surface: #fbf9f4;
  --color-on-surface: #1b1c19;
  --color-outline: #747878;
  --color-secondary: #52606d;
  --color-on-secondary: #ffffff;
  --color-tertiary: #000000;
  --color-on-tertiary: #ffffff;
  --color-surface-variant: #e4e2dd;
  --color-on-surface-variant: #444748;
  --color-surface-container-low: #f5f3ee;
  --color-surface-container-highest: #e4e2dd;
  --color-tertiary-fixed: #ffdad7;
  --color-on-tertiary-fixed: #410005;
}

[data-theme="wood"] {
  /* Wood Theme (Birch, Mahogany, & Golden Oak) */
  --color-primary: #5c2c16;      /* Rich Mahogany (Buttons, Headers, Thick Borders) */
  --color-on-primary: #fdf5e6;   /* Birch White (Text inside buttons) */
  --color-surface: #e8d8c3;      /* Light Birch/Pine (Main background) */
  --color-on-surface: #3e2723;   /* Very Dark Walnut (Main text) */
  --color-outline: #a07855;      /* Golden Oak (Ledger lines, thin borders) */
  --color-secondary: #795548;    /* Medium Wood (Subtext, secondary links) */
  --color-on-secondary: #fdf5e6;
  --color-tertiary: #8b4513;     /* Saddle Brown (Accents, hovers) */
  --color-on-tertiary: #ffffff;
  --color-surface-variant: #d7c4a8; /* Slightly darker Birch (Shaded boxes) */
  --color-on-surface-variant: #4e342e; /* Dark wood for variant text */
  --color-surface-container-low: #eedfcc; /* Very subtle shading */
  --color-surface-container-highest: #c4b092; /* Deepest shading for containers */
  --color-tertiary-fixed: #ffb300; /* Amber highlight */
  --color-on-tertiary-fixed: #3e2723;
}

/* Base Styles */
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.vertical-rule { width: 1px; background-color: var(--color-outline); }
.ledger-cell { border: 1px solid var(--color-outline); padding: 24px; }
.border-offset { position: relative; }
.border-offset::after {
    content: ''; position: absolute; top: 4px; left: 4px; width: 100%; height: 100%; border: 1px solid var(--color-outline); z-index: -1;
}