This pull request updates the documentation for Styleframe design tokens, focusing on improving code sample clarity and consistency across multiple pages. The main changes involve renaming files for better organization and adding explicit language and file annotations to code blocks, making it easier for users to identify configuration and output files. Additionally, section headings and terminology have been refined for clarity.

Documentation improvements:

• All code samples now include explicit file annotations, such as [styleframe.config.ts] for configuration and [styleframe/index.css] for output, to clarify their context and improve readability. [1] [2]
• Section headings and terminology have been updated (e.g., "Foundation Tokens" changed to "Composables") for better conceptual clarity in the documentation.

File organization:

• The main design tokens overview file was renamed from 00.overview.md to 00.index.md for improved documentation structure.

Consistency across documentation:

• All border, box shadow, and color-related documentation pages now use consistent code block annotations to distinguish between configuration and output examples. [1] [2] [3] [4] [5]

Composables and usage examples:

• Usage examples for composables such as useBorderStyle, useBorderWidth, useBorderColor, and others have been updated to reflect the new annotation format and improved sample clarity. [1] [2] [3] [4]

Theme support and advanced examples:

• Examples demonstrating theme support, color manipulation, and comprehensive border systems have been updated to use the new code block annotation style. [1] [2]

Let me know if you have any questions about the new documentation standards or how to apply these changes in your own docs!