/**
 * Design system tokens — Resume (from .cursor/rules/ui.mdc)
 * Use ONLY these values. Font: Inter (400, 500, 600).
 */

:root {
  /* Colors — light theme */
  --generalForegroundPrimary: #000000E5;
  --generalForegroundSecondary: #0000008A;
  --generalForegroundTertiary: #00000054;
  --generalBackgroundBgL0Web: #F5F5F5;
  --generalBackgroundBgL1: #FFFFFF;
  --generalBackgroundBgL2: #F5F5F5;
  --generalBackgroundBgL3: #F2F2F2;
  --generalStrokeL1: #0000000A;
  --generalStrokeL2: #00000014;
  --generalStrokeL3: #00000038;
  --actionForegroundPrimary: #FFFFFF;
  --actionForegroundSecondary: #4965D2;
  --actionBackgroundPrimary: #4965D2;
  --actionBackgroundSecondary: #EDF0FB;
  --positiveForegroundSecondary: #37B271;
  --positiveBackgroundPrimary: #37B271;
  --positiveBackgroundSecondary: #EBF7F1;
  --alertForegroundSecondary: #F7931A;
  --alertBackgroundSecondary: #FEF4E8;

  /* Spacing (px) */
  --sizeGeneralXXXS: 2px;
  --sizeGeneralXXS: 4px;
  --sizeGeneralXS: 8px;
  --sizeGeneralS: 12px;
  --sizeGeneralM: 16px;
  --sizeGeneralL: 20px;
  --sizeGeneralXL: 24px;
  --sizeGeneralXXL: 28px;
  --sizeGeneralXXXL: 32px;
  --sizePagePageMargin: 20px;
  --sizePagePageWidth: 375px;
  --sizeButtonButton: 12px;
  --sizeChipChip: 8px;

  /* Radius (px) */
  --cornerRadiusCardCard: 16px;
  --cornerRadiusCardSCard: 8px;
  --cornerRadiusButtonButton: 8px;
  --cornerRadiusChipChip: 100px;
  --cornerRadiusTagTag: 100px;
}

[data-theme="dark"] {
  --generalForegroundPrimary: #FFFFFFE5;
  --generalForegroundSecondary: #FFFFFF8A;
  --generalForegroundTertiary: #FFFFFF54;
  --generalBackgroundBgL0Web: #0A0A0A;
  --generalBackgroundBgL1: #000000;
  --generalBackgroundBgL2: #141414;
  --generalBackgroundBgL3: #1F1F1F;
  --generalStrokeL1: #FFFFFF14;
  --generalStrokeL2: #FFFFFF1F;
  --generalStrokeL3: #FFFFFF33;
  --actionForegroundPrimary: #FFFFFF;
  --actionForegroundSecondary: #FFFFFF;
  --actionBackgroundPrimary: #425BBD;
  --actionBackgroundSecondary: #292929;
  --positiveForegroundSecondary: #37B271;
  --positiveBackgroundSecondary: #1C5939;
  --alertForegroundSecondary: #F7931A;
  --alertBackgroundSecondary: #4A2C08;
}
