/* YONO Rummy 888 — Brand App Profile V10
   Cool-silver marketplace palette with ruby-vip accent.
   Light-first per V10 mandate. */
:root {
  /* Canvas */
  --canvas: #FFF6F8;
  --canvas-2: #FBEEF1;
  --surface: #FFFFFF;
  --surface-2: #FCE4EA;
  --surface-3: #F4D7E1;
  --line: #E9C8D2;
  --line-strong: #D4A6B5;

  /* Ink */
  --ink: #351923;
  --ink-2: #5A3744;
  --ink-3: #7A5466;
  --muted: #967183;
  --muted-on-ink: #E7CFD7;

  /* Accents */
  --ruby: #B72F55;
  --ruby-dark: #8C2040;
  --ruby-soft: #E58BA2;
  --ruby-tint: rgba(183, 47, 85, 0.10);

  --blue: #275FC7;
  --blue-dark: #1A47A0;
  --blue-tint: rgba(39, 95, 199, 0.08);

  --gold: #C69C4B;
  --green: #2E8C5A;
  --amber: #B86A1F;

  /* Darker rails */
  --night: #21131A;
  --night-2: #2D1B23;

  /* Geometry */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --shadow-card: 0 1px 2px rgba(53, 25, 35, 0.04), 0 8px 22px rgba(53, 25, 35, 0.06);
  --shadow-soft: 0 1px 2px rgba(53, 25, 35, 0.03), 0 2px 8px rgba(53, 25, 35, 0.04);
  --shadow-deep: 0 16px 40px rgba(53, 25, 35, 0.18);

  /* Type */
  --font-display: "Inter", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body: "Inter", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-32: 32px;
  --fs-40: 40px;
  --fs-48: 48px;

  /* Layout */
  --container: 1240px;
  --gutter: 24px;
  --header-h: 64px;

  /* Motion */
  --ease: cubic-bezier(.2,.6,.2,1);
}

@media (max-width: 899px) {
  :root { --gutter: 16px; --header-h: 56px; }
}