/* variables.css */
:root {
  /* Colors */
  --color-primary: #f2e3c6; /* Manuscript beige */
  --color-secondary: #e6b948; /* Warm golden */
  --color-accent: #3a5a40; /* Forest green */
  --color-text-dark: #2d261e;
  --color-text-light: #ffffff;
  
  --color-background-dark: rgba(0, 0, 0, 0.7);
  --color-banner-bg: rgba(242, 227, 198, 0.95);
  --color-panel-bg: rgba(255, 255, 255, 0.85);

  --color-shadow: rgba(0, 0, 0, 0.3);
  --color-glow: rgba(255, 215, 0, 0.6);

  /* Fonts */
  --font-main: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Z-indices */
  --z-background: 0;
  --z-scene-content: 10;
  --z-candidate: 20;
  --z-thought-clouds: 30;
  --z-banner: 100;
  --z-persistent-ui: 200;
  --z-editor: 300;
}