/* Ocean Depths Theme
 * Light cream background with deep navy text and teal accents
 * Shared across all apps via <link> in each HTML file
 */

:root {
  /* Backgrounds - light cream tones */
  --bg-primary: #f1faee;
  --bg-secondary: #e8f4ea;
  --bg-tertiary: #dceef0;

  /* Text - deep navy */
  --text-primary: #1a2332;
  --text-secondary: #3d5167;

  /* Accent - teal + seafoam */
  --accent-primary: #2d8b8b;
  --accent-secondary: #a8dadc;

  /* Semantic */
  --correct-color: #2d8b6a;
  --wrong-color: #c0392b;
  --warning-color: #d4a437;

  /* Aliases used by some apps */
  --given-color: var(--accent-primary);
  --note-pending: var(--accent-primary);
  --note-current: var(--warning-color);
  --note-completed: var(--correct-color);
  --success: var(--correct-color);
  --error: var(--wrong-color);

  /* Layout */
  --sidebar-width: 280px;

  /* Shared values */
  --font-stack: 'DejaVu Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  --bg-gradient: linear-gradient(160deg, #f1faee 0%, #e8f4ea 40%, #dceef0 100%);
  --accent-gradient: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);
  --header-gradient: linear-gradient(135deg, #1a2332 0%, #2d8b8b 100%);
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(45, 139, 139, 0.15);
  --glass-hover: rgba(45, 139, 139, 0.06);
}

/* Base reset applied globally */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}