:root {
  /*
   Homepage Settings (override defaults from css/home.css)
   - Edit the values below to restyle the homepage without touching core CSS.
   - This file is loaded AFTER home.css, so your changes take precedence.

   How to use:
   - Change colors, transparencies, spacing (gaps), and radii here.
   - Save and refresh the page to see the updates.
  */

  /* Brand / Theme Colors */
  /* Slightly brighter blue → purple gradient */
  --primary-color: #5b8def;     /* gradient start */
  --secondary-color: #7b61ff;   /* gradient end */

  /* Text colors */
  --text-dark: #1f2937;         /* near-black for headings */
  --text-light: #6b7280;        /* muted body text */

  /* Background base */
  --background-light: #f5f7fb;  /* subtle light background */

  /* White token */
  --white: #ffffff;

  /* Shadows */
  --shadow-light: rgba(0, 0, 0, 0.08);
  --shadow-medium: rgba(0, 0, 0, 0.15);
  --shadow-heavy: rgba(0, 0, 0, 0.25);

  /* Card presentation */
  /* Transparency for card glass background (0.0 - 1.0) */
  --card-transparency: 0.7;
  /* Space between cards (supports rem, px) */
  --card-gap: 2rem;

  /* Border radius for cards and elements */
  --border-radius: 16px;

  /* Transition timing */
  --transition: all 0.3s ease;
}

/*
Examples:
Uncomment any line above and set your preferred value. For instance:

:root {
  --primary-color: #0ea5e9;    
  --secondary-color: #6366f1;  
  --card-transparency: 0.65;   
  --card-gap: 1.5rem;          
  --border-radius: 18px;       
}
*/

/* In the Home page extra_css block */
/*.page-content {*/
/*  min-height: calc(100vh - 11.11vh); !* reserve 1/9 of viewport for the footer *!*/
/*}*/