/* Pepino AI — Design tokens */

@import url("https://fonts.googleapis.com/css2?family=Funnel+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap");

:root {
  /* — Palette — */
  --bg:           #0B0E0C;
  --bg-card:      #11150F;
  --bg-card-hover:#161B12;
  --bg-canvas:    #0D110D;

  --text-1:       #F4F7F2;
  --text-2:       #B6C4B2;
  --text-3:       #7E8C7C;

  --green:        #A0FF79;
  --green-hover:  #b3ff8c;
  --green-press:  #88e862;
  --green-dim:    rgba(160, 255, 121, 0.10);
  --green-border: rgba(160, 255, 121, 0.26);

  --border:       #243026;
  --border-2:     #324034;

  /* — Type — */
  --font:      "Funnel Sans", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* — Radii — */
  --r-sm:  4px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-xl: 24px;

  /* — Motion — */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur:  180ms;

  /* — Shadows — */
  --shadow-card:  0 2px 8px rgba(0,0,0,0.5), 0 16px 40px rgba(0,0,0,0.3);
  --shadow-green: 0 0 28px rgba(160, 255, 121, 0.18);
  --shadow-hover: 0 20px 48px rgba(0,0,0,0.45), 0 0 36px rgba(160, 255, 121, 0.09);
}