/* BoldLime Tech · Roblox services — design tokens
 * ROBLOX-INSPIRED light theme: playful blocky game aesthetic.
 * Paper is warm white; ink is deep navy-plum. Accents: coin yellow
 * (primary CTA), brick red, sky blue, grass green, lime kept as support.
 * Shape rule: everything chunky — buttons 18px radius, cards 24px,
 * thick ink borders + hard offset shadows like game UI.
 */
:root {
  /* paper */
  --paper: #FFF9F0;
  --paper-2: #FFFDF8;
  --paper-3: #F5EEDF;

  /* ink */
  --ink: #232033;
  --ink-soft: #4A4460;
  --ink-faint: #8A84A0;

  /* lines */
  --line: #232033;
  --line-soft: rgba(35, 32, 51, 0.14);

  /* game palette */
  --coin: #FFC531;        /* primary CTA */
  --coin-dark: #E0A81C;
  --brick: #FF3B5C;       /* highlight accent */
  --brick-dark: #D92B47;
  --sky: #2E7CF6;
  --sky-soft: #DCE9FF;
  --grass: #22C55E;
  --grass-soft: #D9F7E5;
  --grape: #8B5CF6;
  --grape-soft: #E9E2FF;
  --lime: #A8E10C;        /* support accent */
  --lime-soft: #EFFBCB;

  /* status */
  --red: #D92B47;
  --red-soft: #FFE3E9;

  /* type */
  --font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* scale */
  --radius-btn: 18px;
  --radius-card: 24px;
  --radius-input: 14px;
  --container: 1200px;
  --nav-h: 76px;

  /* hard game shadows */
  --shadow-btn: 0 5px 0 var(--ink);
  --shadow-btn-press: 0 1px 0 var(--ink);
  --shadow-card: 8px 8px 0 rgba(35, 32, 51, 0.10);
  --shadow-card-lg: 12px 12px 0 rgba(35, 32, 51, 0.10);

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur: 0.25s;

  /* z */
  --z-nav: 40;
  --z-dropdown: 50;
  --z-toast: 70;
  --z-menu: 60;
}