/* Finta.sk core palette — soft violet primary, salmon-coral accent.
   Token names preserved from the original Figma Variables import so every
   component and specimen card keeps resolving; only the values changed. */

:root {
  /* Surfaces — light, cool, faintly violet-tinted */
  --bg-base: #FAFAFC;
  --bg-elevated: #FFFFFF;
  --bg-subtle: #F4F3F8;
  --border-default: #E6E4EF;
  --border-subtle: #F0EEF6;
  --overlay: rgba(28,26,46,0.28);

  /* Primary — soft violet */
  --primary-900: #2E2456;
  --primary-800: #3F3080;
  --primary-default: #6A52E0;
  --primary-hover: #5541B8;
  --primary-active: #4A3AA3;
  --primary-tint-1: #F5F3FE;
  --primary-tint-2: #EBE7FD;
  --primary-tint-3: #DDD7FB;
  --primary-tint-4: #A395F3;
  --primary-gradient: linear-gradient(180deg, #8271EC 0%, #6A52E0 100%); /* @kind other */

  /* Secondary — salmon / coral accent */
  --secondary-default: #E05B62;
  --secondary-hover: #C94850;
  --secondary-salmon: #F4837F;
  --secondary-tint-1: #FDF1F0;
  --secondary-tint-2: #F9D6D3;

  /* Text */
  --text-primary: #1C1A2E;
  --text-secondary: #56536B;
  --text-tertiary: #8B8899;
  --text-on-primary: #FFFFFF;
  --text-on-secondary: #FFFFFF;

  /* Gain — increases, savings, positive deltas. Cool and desaturated so it
     sits beside the violet primary rather than shouting over it. */
  --gain-default: #0E9E80;
  --gain-strong: #0A7D65;
  --gain-tint-1: #E8F6F2;
  --gain-tint-2: #C6E8DF;

  /* Semantic — muted, never bright green or strong red */
  --semantic-success: #3D9B76;
  --semantic-success-tint: #ECF7F2;
  --semantic-warning: #C08B2D;
  --semantic-warning-tint: #FDF4E1;
  --semantic-error: #C4515B;
  --semantic-error-tint: #FBEFF0;

  /* Radii */
  --radius-full: 999;
  --radius-xl: 20;
  --radius-lg: 14;
  --radius-md: 10;
  --radius-sm: 8;
  --radius-xs: 6;

  /* Spacing */
  --spacing-2: 2;
  --spacing-4: 4;
  --spacing-8: 8;
  --spacing-12: 12;
  --spacing-16: 16;
  --spacing-20: 20;
  --spacing-24: 24;
  --spacing-32: 32;
  --spacing-40: 40;
  --spacing-48: 48;
  --spacing-64: 64;
  --spacing-80: 80;
  --spacing-96: 96;
  --spacing-120: 120;
}