Remove unused Figma color tokens

[coderabbitai]

Summary

Remove unused --color-sg-* CSS tokens from the Figma extraction.

Required changes

• Delete unused --color-sg-* variables.
• Retain variables that have active references, including --color-sg-focused.

Affected areas

• src/index.css

Acceptance criteria

• Every retained --color-sg-* token has a current use.
• The application styling remains unchanged.

Source

• Review comment: feat: replace placeholder tokens with the Figma-extracted design system #20 (comment)
• Pull request: feat: replace placeholder tokens with the Figma-extracted design system #20
• Requested by: @Alejandroq12

[coderabbitai]

Technical note

Search for each custom property across source files before deletion. A variable can be referenced through var(--token), fallbacks, themes, or generated class names. Remove only proven-unused tokens in a small change, then review computed styles for affected states such as focus.

Reference: MDN: Using CSS custom properties

[coderabbitai]

Engineering note

Confirm a CSS custom property is unused with a repository-wide search before deletion. Check direct var(--token) references and fallback values. Remove only dead tokens so the stylesheet remains a reliable source of design tokens.

Read: MDN: Using CSS custom properties