/* 1102: existing Figma tokens; subtle background restored to warm-gray-20. */

:root{
  /* Primitive */
  --ds-white:#FFFFFF;
  --ds-warm-gray-10:#F4F3F1; --ds-warm-gray-20:#F4F1EE; --ds-warm-gray-30:#E9E6E1; --ds-warm-gray-40:#D9D4CF;
  --ds-warm-gray-50:#A9A39F; --ds-warm-gray-60:#9C9793; --ds-warm-gray-80:#2E2C33; --ds-warm-gray-90:#232128; --ds-warm-gray-100:#141317;
  --ds-gray-40:#B5B1AC; --ds-gray-60:#85837F; --ds-gray-70:#68666B; --ds-gray-80:#3A3634; --ds-gray-100:#202023;
  --ds-tan-30:#DDB09C; --ds-tan-60:#8C7364;
  --ds-orange-10:#FFF2EC; --ds-orange-60:#E86F3D; --ds-orange-70:#D25F2E; --ds-orange-80:#B4471B;
  --ds-red-10:#FBE8E8; --ds-red-40:#F79B94; --ds-red-60:#CE2233; --ds-red-70:#96182A;

  /* Semantic */
  --ds-background-default:var(--ds-white);
  --ds-background-subtle:var(--ds-warm-gray-20);
  --ds-background-inverse:var(--ds-warm-gray-100);
  --ds-layer-01:var(--ds-white);
  --ds-layer-01-hover:var(--ds-warm-gray-20);
  --ds-layer-inset:var(--ds-warm-gray-10);
  --ds-layer-muted:var(--ds-warm-gray-30);
  --ds-layer-inverse-01:var(--ds-warm-gray-90);
  --ds-layer-inverse-01-hover:var(--ds-warm-gray-80);
  --ds-layer-highlight:var(--ds-orange-10);
  --ds-layer-accent-01:var(--ds-orange-60);
  --ds-field-01:var(--ds-white);
  --ds-text-primary:var(--ds-gray-100);
  --ds-text-secondary:var(--ds-gray-70);
  --ds-text-placeholder:var(--ds-gray-60);
  --ds-text-label:var(--ds-tan-60);
  --ds-text-inverse:var(--ds-white);
  --ds-text-inverse-secondary:var(--ds-warm-gray-40);
  --ds-text-accent:var(--ds-orange-80);
  --ds-text-accent-subtle:var(--ds-orange-60);
  --ds-text-disabled:var(--ds-gray-40);
  --ds-text-error:var(--ds-red-60);
  --ds-border-subtle:var(--ds-warm-gray-30);
  --ds-border-strong:var(--ds-warm-gray-40);
  --ds-border-bold:var(--ds-gray-100);
  --ds-border-subtle-inverse:var(--ds-warm-gray-80);
  --ds-focus:var(--ds-orange-60);

  /* Type */
  --ds-font-display:"Outfit",system-ui,sans-serif;
  --ds-font-body:"Pretendard",system-ui,-apple-system,sans-serif;
  --ds-font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --ds-display-01:700 105px/1.02 var(--ds-font-display);   /* letter-spacing -3% */
  --ds-heading-05:700 64px/1.12 var(--ds-font-display);    /* -1.5% */
  --ds-heading-04:700 48px/1.12 var(--ds-font-display);    /* -1.5% */
  --ds-heading-03:700 32px/1.15 var(--ds-font-display);    /* -1% */
  --ds-heading-02:700 28px/1.2 var(--ds-font-display);     /* -1% */
  --ds-heading-01:700 24px/1.25 var(--ds-font-display);    /* -1% */
  --ds-body-03:400 18px/1.65 var(--ds-font-body);
  --ds-body-02:400 16px/1.5 var(--ds-font-body);
  --ds-body-01:400 14px/1.5 var(--ds-font-body);
  --ds-caption-01:400 12px/1.6 var(--ds-font-body);

  /* Spacing */
  --ds-spacing-01:2px; --ds-spacing-02:4px; --ds-spacing-03:8px; --ds-spacing-04:12px; --ds-spacing-05:16px;
  --ds-spacing-06:20px; --ds-spacing-07:24px; --ds-spacing-08:32px; --ds-spacing-09:40px; --ds-spacing-10:48px;
  --ds-spacing-11:64px; --ds-spacing-12:80px; --ds-spacing-13:96px; --ds-spacing-14:120px;

  /* Shape */
  --ds-radius-control:4px;
  --ds-button-s:40px; --ds-button-m:48px; --ds-button-l:56px;
}