/*
 * 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=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:#7C9094;

  /* 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}
body{
  font-family:'Urbanist',system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
::selection{background:var(--lime);color:var(--ink)}