/* =============================================================
   Rajasthan Marble World — brand tokens
   One emerald family + white, sampled from the RM marble logo.
   Loaded first by every page (site, dashboard, invoice).
   ============================================================= */

:root {
  /* Emerald — from the logo's marble (darkest shadow → vein highlight) */
  --em-950: #011e12;
  --em-900: #033323;   /* core brand colour */
  --em-800: #0d4433;
  --em-700: #1a5a46;
  --em-300: #87b5a6;   /* vein highlight — accents on dark surfaces only */
  --em-200: #bcd6cd;
  --em-100: #dceae4;
  --em-50:  #f2f7f5;
  --white:  #ffffff;

  /* Text + lines, all emerald-tinted so the page stays two-colour */
  --ink:       var(--em-950);
  --ink-soft:  #2e4a40;
  --muted:     #5f7870;
  --line:      #dce7e2;
  --line-soft: #ebf2ef;
  --danger:    #a3312b;

  /* Type */
  --font-display: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Shape — crisp corners, like the logo's cut stone */
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --cut:       44px;   /* 45° corner cut, echoing the M's diagonal */

  --shadow-sm: 0 1px 2px rgba(1, 30, 18, 0.06);
  --shadow:    0 1px 2px rgba(1, 30, 18, 0.05), 0 10px 30px rgba(1, 30, 18, 0.07);
  --shadow-lg: 0 30px 70px rgba(1, 30, 18, 0.16);

  --marble: url('../assets/bg-green-granite.jpg');
  --marble-deep:
    linear-gradient(160deg, rgba(1, 30, 18, 0.38) 0%, rgba(1, 30, 18, 0.74) 100%),
    var(--marble);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}