/*
 * Marla brand tokens — shared across every page (landing, auth, dashboard).
 * Loaded first (Propshaft's :app tag includes every top-level file in this
 * directory, alphabetically) so these variables and the base reset are
 * available to dashboard.css / devise.css / landing.css without repeating them.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Urbanist:wght@300;400;500;600;700&display=swap');

:root{
  /* surfaces */
  --bg:#FAFAFA;
  --surface:#FFFFFF;
  --surface-dim:#EDEDED;
  --line:#E4E4E4;

  /* text */
  --ink:#19363C;
  --ink-soft:#3E5960;
  --muted:#5E7378;   /* dashboard light-mode grey: passes WCAG AA for small text */

  /* accent */
  --lime:#CFF851;
  --lime-soft:#E4FBA4;
  --amber:#F8CB51;
  --gradient:linear-gradient(90deg,#F8CB51,#BDE34A);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
/* same type as the dashboard: Inter for text, Urbanist for headings */
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:'Urbanist',system-ui,sans-serif}
::selection{background:var(--lime);color:var(--ink)}
/* pages outside the dashboard (landing, auth, legal) are always light:
   use the dashboard's light-mode status shades, which pass WCAG AA */
body:not(:has(.dash)){--urgent-text:#C0392F;--routine-text:#2B7651}