/* Tokens del sistema de diseño Nubix: leídos de las variables del archivo de Figma (primitives, semantic, spacing, radius). No editar a mano. */
:root {
  --primary-50: #e6eff9;
  --primary-100: #cedff3;
  --primary-200: #9dc0e7;
  --primary-300: #6ba0da;
  --primary-400: #3a81ce;
  --primary-500: #0961c2;
  --primary-600: #074e9b;
  --primary-700: #053a74;
  --primary-800: #04274e;
  --primary-900: #021327;
  --primary-950: #010c17;
  --secondary-50: #f0f1f2;
  --secondary-100: #e2e3e5;
  --secondary-200: #c4c8cb;
  --secondary-300: #a7acb1;
  --secondary-400: #899197;
  --secondary-500: #6c757d;
  --secondary-600: #565e64;
  --secondary-700: #41464b;
  --secondary-800: #2b2f32;
  --secondary-900: #161719;
  --secondary-950: #0d0e0f;
  --brand-50: #f7ece6;
  --brand-100: #eed8cc;
  --brand-200: #deb299;
  --brand-300: #cd8b66;
  --brand-400: #bd6533;
  --brand-500: #ac3e00;
  --brand-600: #8a3200;
  --brand-700: #672500;
  --brand-800: #451900;
  --brand-900: #220c00;
  --brand-950: #150700;
  --info-50: #e7f1f4;
  --info-100: #cfe3e9;
  --info-200: #9fc7d3;
  --info-300: #6eacbc;
  --info-400: #3e90a6;
  --info-500: #0e7490;
  --info-600: #0b5d73;
  --info-700: #084656;
  --info-800: #062e3a;
  --info-900: #03171d;
  --info-950: #020e11;
  --success-50: #eaf3e6;
  --success-100: #d5e7cc;
  --success-200: #abce99;
  --success-300: #81b666;
  --success-400: #579d33;
  --success-500: #2d8500;
  --success-600: #246a00;
  --success-700: #1b5000;
  --success-800: #123500;
  --success-900: #091b00;
  --success-950: #051000;
  --warning-50: #fff8e6;
  --warning-100: #fff3cd;
  --warning-200: #ffe69c;
  --warning-300: #ffd44d;
  --warning-400: #ffc107;
  --warning-500: #e69800;
  --warning-600: #c46c00;
  --warning-700: #9b4600;
  --warning-800: #6b2c00;
  --warning-900: #4a1c00;
  --warning-950: #2a1000;
  --danger-50: #f7e6e8;
  --danger-100: #efccd0;
  --danger-200: #de99a1;
  --danger-300: #ce6672;
  --danger-400: #bd3343;
  --danger-500: #ad0014;
  --danger-600: #8a0010;
  --danger-700: #68000c;
  --danger-800: #450008;
  --danger-900: #230004;
  --danger-950: #150002;
  --brand-vivid: #ff6600;
  --common-white: #ffffff;
  --common-black: #18181a;
  --body-color: var(--secondary-900);
  --body-bg: var(--common-white);
  --text-muted: var(--secondary-600);
  --border-color: var(--secondary-300);
  --border-strong: var(--secondary-400);
  --disabled: var(--secondary-300);
  --link-color: #2b4c9e;
  --action-primary-default: var(--primary-500);
  --action-primary-hover: var(--primary-600);
  --action-primary-active: var(--primary-700);
  --action-brand-default: var(--brand-500);
  --action-brand-hover: var(--brand-600);
  --action-brand-active: var(--brand-700);
  --text-success: var(--success-600);
  --text-warning: var(--warning-700);
  --text-danger: var(--danger-600);
  --text-info: var(--info-600);
  --spacing-0: 0px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-44: 44px;
  --spacing-48: 48px;
  --radius-0: 0px;
  --radius-4: 4px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-24: 24px;
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);
  --shadow-md: 0 8px 16px rgba(0, 0, 0, .12), inset 0 0 0 1px rgba(0, 0, 0, .10);
  --shadow-lg: 0 16px 32px rgba(0, 0, 0, .18);
  --focus-ring: 0 0 0 3px rgba(226, 227, 229, .8);
}