telescope___style_reference:
  info: "> Editorial pasteboard trên giấy kem. Một canvas bone-white ấm áp với ảnh tạp chí full-bleed, một điểm nhấn lime sáng duy nhất, và serif headlines trải dài quanh ảnh như một art director's spread."

  theme: "light"

  info: "Telescope mang phong cách tạp chí thời trang editorial in trên giấy kem ấm: một thế giới gần như đơn sắc với canvas bone-white, chữ gần đen ấm áp, và ảnh editorial full-bleed, chỉ được chấm phá bởi một điểm nhấn lime rực rỡ duy nhất — tín hiệu cho bề mặt tương tác duy nhất. UI được tước bỏ đến tận xương — không card, không panel, không decorative chrome — với một bottom bar cố định bằng mono caps làm toàn bộ nhiệm vụ navigation và ảnh trôi nổi tự do vào headline như thể được dàn trang trên pasteboard. Typography đảm nhận phần nặng nhất: một custom serif nhẹ nhàng ở cỡ lớn với negative tracking chặt chẽ thì thầm thay vì la hét, trong khi mono labels ở 12px là kết cấu typographic duy nhất ngoài hệ thống serif. Mọi thứ đều sắc nét ở góc 2px, spacing thoáng đãng, và màu lime green được phân bổ dè sẻn — một nút, không gì khác."

  tokens___colors:

    info: "| Tên | Giá trị | Token | Vai trò |"
    info: "|------|-------|-------|------|"
    info: "| Bone Paper | `#f4f3f0` | `--color-bone-paper` | Page canvas — màu off-white ấm áp gợi giấy in, không phải màn hình trắng. Mọi thứ đều nằm trên bề mặt này |"
    info: "| Ink | `#1a1915` | `--color-ink` | Text chính, body copy, heading, border, và hairline rules. Màu gần đen ấm áp, không bao giờ là #000 thuần, để độ tương phản với Bone Paper có cảm giác in ấn thay vì kỹ thuật số |"
    info: "| Ash | `#82868e` | `--color-ash` | Secondary text, meta labels, và subtle borders. Là điểm đối trọng mát mẻ với Ink ấm áp — dùng khi type cần lùi lại mà vẫn giữ legibility |"
    info: "| Pure White | `#ffffff` | `--color-pure-white` | Surface layer phía trên Bone Paper dành cho inline cards và bottom navigation bar. Hiếm khi dùng — hầu hết bề mặt đều nằm trên Bone |"
    info: "| Lime Pulse | `#e3f794` | `--color-lime-pulse` | Green wash cho highlight backgrounds, decorative bands, và soft emphasis phía sau nội dung. Không nâng cấp nó thành primary CTA color |"

  tokens___typography:

    beausite___display_và_body_face_duy_nhất__dùng_ở_bốn_cỡ__19px_cho_body_và_card_text__23px_cho_emphasized_body_và_sub_headings__55px_cho_section_headings__và_57px_cho_hero_headlines__single_weight_400_ở_mọi_cỡ___hệ_thống_dựa_vào_size_và_negative_tracking_để_tạo_hierarchy__không_dùng_weight_contrast__letter_spacing_thắt_chặt_mạnh_ở_cỡ_lớn___0_007em_ở_19_23px__sâu_hơn_thành__0_017em_ở_55px_và__0_020em_ở_57px__negative_tracking_này_là_signature___nó_mang_lại_cho_serif_cảm_giác_hiện_đại__chặt_chẽ__fashion_editorial_thay_vì_kiểu_sách_vở_____font_beausite:
      - "**Substitute:** GT Super, Tiempos Text, hoặc Domaine Display — bất kỳ contemporary serif nào có refined terminals và display behavior tốt"
      - "**Weights:** 400"
      - "**Sizes:** 19, 23, 55, 57"
      - "**Line height:** 1.05–1.15"
      - "**Letter spacing:** -0.0200em, -0.0170em, -0.0070em"
      - "**Vai trò:** Display và body face duy nhất. Dùng ở bốn cỡ: 19px cho body và card text, 23px cho emphasized body và sub-headings, 55px cho section headings, và 57px cho hero headlines. Single weight (400) ở mọi cỡ — hệ thống dựa vào size và negative tracking để tạo hierarchy, không dùng weight contrast. Letter-spacing thắt chặt mạnh ở cỡ lớn: -0.007em ở 19–23px, sâu hơn thành -0.017em ở 55px và -0.020em ở 57px. Negative tracking này là signature — nó mang lại cho serif cảm giác hiện đại, chặt chẽ, fashion-editorial thay vì kiểu sách vở."

    dm_mono___chỉ_dùng_cho_ui_chrome__label__currently_in_beta__text_nút__login__và__sign_up__và_indicator__scroll__đặt_ở_dạng_all_caps_cỡ_12px_với_tracking__0_03em_0_36px__tạo_ra_kết_cấu_cơ_học_giãn_rộng_tương_phản_mạnh_với_serif_hữu_cơ_của_beausite__đây_là_kết_cấu_typographic_duy_nhất_ngoài_hệ_thống_serif_____font_dm_mono:
      - "**Substitute:** JetBrains Mono, IBM Plex Mono, hoặc Space Mono"
      - "**Weights:** 400"
      - "**Sizes:** 12"
      - "**Line height:** 1.10"
      - "**Letter spacing:** 0.0300em"
      - "**Vai trò:** Chỉ dùng cho UI chrome: label 'CURRENTLY IN BETA', text nút 'LOGIN' và 'SIGN UP', và indicator 'SCROLL'. Đặt ở dạng all-caps cỡ 12px với tracking +0.03em (0.36px), tạo ra kết cấu cơ học giãn rộng tương phản mạnh với serif hữu cơ của Beausite. Đây là kết cấu typographic duy nhất ngoài hệ thống serif."

    cm_geom___một_decorative_display_khổng_lồ_ở_250px___có_thể_là_brand_wordmark_hoặc_oversized_brand_mark_element_được_xử_lý_như_layout_sculpture__không_phải_copy_có_thể_đọc__line_height_1_00_với_tracking__0_002em_tối_thiểu__dùng_tiết_kiệm_như_một_atmospheric_hoặc_branding_element__không_bao_giờ_dùng_cho_functional_text_____font_cm_geom:
      - "**Substitute:** Không có substitute — coi như custom brand element. Nếu cần, có thể xấp xỉ bằng bất kỳ geometric display face nào ở tỷ lệ cực lớn."
      - "**Weights:** 400"
      - "**Sizes:** 250"
      - "**Line height:** 1.00"
      - "**Letter spacing:** -0.0020em"
      - "**Vai trò:** Một decorative display khổng lồ ở 250px — có thể là brand wordmark hoặc oversized brand-mark element được xử lý như layout sculpture, không phải copy có thể đọc. Line-height 1.00 với tracking -0.002em tối thiểu. Dùng tiết kiệm như một atmospheric hoặc branding element, không bao giờ dùng cho functional text."

    type_scale:

      info: "| Vai trò | Cỡ | Line Height | Letter Spacing | Token |"
      info: "|------|------|-------------|----------------|-------|"
      info: "| caption | 12px | 1.1 | 0.36px | `--text-caption` |"
      info: "| body-sm | 19px | 1.15 | -0.13px | `--text-body-sm` |"
      info: "| body | 23px | 1.15 | -0.16px | `--text-body` |"
      info: "| heading | 55px | 1.05 | -0.94px | `--text-heading` |"
      info: "| heading-lg | 57px | 1.05 | -1.14px | `--text-heading-lg` |"
      info: "| display | 250px | 1 | -0.5px | `--text-display` |"

  tokens___spacing___shapes:

    density: "comfortable"

    spacing_scale:

      info: "| Tên | Giá trị | Token |"
      info: "|------|-------|-------|"
      info: "| 6 | 6px | `--spacing-6` |"
      info: "| 7 | 7px | `--spacing-7` |"
      info: "| 10 | 10px | `--spacing-10` |"
      info: "| 14 | 14px | `--spacing-14` |"
      info: "| 15 | 15px | `--spacing-15` |"
      info: "| 19 | 19px | `--spacing-19` |"
      info: "| 24 | 24px | `--spacing-24` |"
      info: "| 29 | 29px | `--spacing-29` |"
      info: "| 41 | 41px | `--spacing-41` |"
      info: "| 48 | 48px | `--spacing-48` |"
      info: "| 71 | 71px | `--spacing-71` |"
      info: "| 135 | 135px | `--spacing-135` |"
      info: "| 225 | 225px | `--spacing-225` |"

    border_radius:

      info: "| Element | Giá trị |"
      info: "|---------|-------|"
      info: "| all | 2px |"
      info: "| cards | 2px |"
      info: "| images | 2px |"
      info: "| buttons | 2px |"

    layout:

      - "**Section gap:** 48-71px"
      - "**Card padding:** 10-14px"
      - "**Element gap:** 6-10px"

  components:

    bottom_navigation_bar:
      vai_trò: "Fixed chrome layer — navigation bền vững duy nhất"

      info: "Full-width white (#ffffff) bar neo ở đáy viewport. Ba vùng: trái ('CURRENTLY IN BETA' ở DM Mono 12px caps, tracking 0.36px, màu Ink), giữa (Beausite wordmark 'Telescope' ở body weight, với 'LOGIN' và 'SIGN UP' actions ở bên phải), và phải (label 'SCROLL' với icon down-chevron nhỏ màu Ink). Chiều cao khoảng 48–56px. 2px top border màu Ink. Không background blur hay shadow — nằm phẳng trên trang."

    sign_up_button:
      vai_trò: "Primary action duy nhất trong interface"

      info: "Filled rectangle với Lime Pulse (#e3f794) background, Ink (#1a1915) text ở DM Mono 12px all-caps, tracking 0.36px. 2px border radius — sắc nét, không bo tròn. Padding khoảng 7px ngang, 10px dọc. Không shadow, không hover gradient. Sự cô lập của nó trong màu lime giữa hệ thống đơn sắc khiến nó trở thành thứ ồn ào nhất trên trang."

    login_link:
      vai_trò: "Secondary navigation action trong bottom bar"

      info: "Text-only 'LOGIN' ở DM Mono 12px caps, màu Ink, tracking 0.36px. Không background, không border. 7px horizontal padding. Nằm ngay bên trái nút Sign Up."

    beta_status_label:
      vai_trò: "Contextual status indicator ở góc trái-dưới của navigation bar"

      info: "'CURRENTLY IN BETA' ở DM Mono 12px caps, màu Ash (#82868e) hoặc Ink, tracking 0.36px. Không background. Quiet metadata báo hiệu platform đang ở giai đoạn đầu."

    floating_editorial_photo:
      vai_trò: "Ảnh sản phẩm và lifestyle rải rác xung quanh hero headlines"

      info: "Hình ảnh chữ nhật với 2px border radius, trôi nổi tự do quanh page headline trong một art-directed scatter. Không caption, không border, không shadow — chỉ là raw photographs được dàn trang như magazine contact sheet. Kích thước thay đổi (khoảng 80–160px rộng trên hero). Ảnh editorial đầy màu sắc, không phải product white-background shots."

    full_bleed_editorial_hero:
      vai_trò: "Section-opening photography cho editorial content blocks"

      info: "Full-viewport-width photograph không border, không radius, không overlay treatment. Beausite 55–57px headline phủ lên ảnh bằng text trắng hoặc bán trong suốt, căn giữa. Bức ảnh CHÍNH LÀ section — không container, không card, không padding xung quanh."

    inline_image_in_headline_composition:
      vai_trò: "Signature layout pattern — ảnh cắt ngang dòng chảy của headline"

      info: "Một headline được render bằng Beausite 55–57px bị chia cắt bởi một bức ảnh nhỏ đặt inline giữa các từ, sao cho dòng đọc chảy quanh ảnh. Ảnh nằm trên cùng baseline với text, 2px radius, kích thước khớp với cap-height của serif xung quanh. Đây là kỹ thuật layout tạp chí, không phải web component tiêu chuẩn."

    scroll_indicator:
      vai_trò: "Lời nhắc nhẹ nhàng để scroll qua hero"

      info: "'SCROLL' ở DM Mono 12px caps với icon downward chevron nhỏ màu Ink (#1a1915). Neo ở góc dưới-phải của viewport. 2px stroke weight trên chevron."

    curator_portrait:
      vai_trò: "Subject photography cho những người đứng sau recommendations"

      info: "Full-bleed editorial portrait photograph, không crop hoặc crop lỏng lẻo, dùng làm visual anchor cho curator profiles. Beausite 55–57px white headline phủ lên, căn giữa ngang và dọc. Khung hình tự nhiên của portrait làm toàn bộ công việc composition."

  do_s_and_don_ts:

    do:
      - "Dùng Lime Pulse (#e3f794) độc quyền cho nút Sign Up chính. Không bao giờ dùng cho decorative elements, hover states, hay secondary actions."
      - "Đặt tất cả góc thành 2px radius — images, buttons, cards, mọi thứ. Độ sắc nét đồng nhất này là đặc điểm định hình của hệ thống."
      - "Render headlines bằng Beausite ở 55–57px với letter-spacing thắt chặt thành -0.94px và -1.14px tương ứng. Negative tracking không phải tùy chọn; nó mang lại cho serif giọng editorial hiện đại."
      - "Dùng DM Mono 12px với tracking +0.36px ở dạng all-caps cho mọi UI label: status indicators, button text, navigation items. Dành Beausite cho editorial và body content."
      - "Để trang thở trên Bone Paper (#f4f3f0). Duy trì 48–71px giữa các section chính và 6–10px giữa các inline elements. Canvas kem cần khoảng trống để đọc như giấy."
      - "Thả ảnh editorial trôi nổi tự do vào layout — quanh headlines, inline giữa các từ, full-bleed như section breaks. Xử lý ảnh như layout elements, không phải content blocks."
      - "Viết body và card text bằng Beausite 400 ở 19–23px với tracking -0.13 đến -0.16px. Single weight (400) có nghĩa là hierarchy đến từ size và spacing đơn thuần."

    don_t:
      - "Không bao giờ dùng shadows, drop-shadow filters, hay box-elevation effects. Hệ thống là flat; chiều sâu chỉ đến từ photography và surface color contrast."
      - "Không bao giờ bo tròn góc quá 2px. Không pill buttons, không large radii trên cards, không circular avatars. Góc 2px sắc nét là bất khả thương lượng."
      - "Không bao giờ áp Lime Pulse cho bất kỳ thứ gì khác ngoài nút Sign Up. Dùng accent cho links, icons, tags, hay highlights sẽ phá hủy giá trị khan hiếm của nó."
      - "Không bao giờ dùng Ash (#82868e) cho primary body text. Nó chỉ dành cho secondary metadata, borders, và receded labels. Body copy luôn là Ink (#1a1915)."
      - "Không bao giờ đặt Beausite headlines ở bold hay black weight — face chỉ có sẵn ở 400. Hierarchy thông qua size, không bao giờ qua weight contrast."
      - "Không bao giờ thêm background colors vào ảnh hoặc đặt photographs trong containers có visible borders. Ảnh nên nằm raw trên cream canvas."
      - "Không bao giờ dùng sans-serif system font cho editorial text. Beausite (hoặc serif substitute của nó) là body và display face duy nhất. DM Mono xử lý UI labels riêng biệt."

  surfaces:

    info: "| Cấp | Tên | Giá trị | Mục đích |"
    info: "|-------|------|-------|---------|"
    info: "| 0 | Bone Paper | `#f4f3f0` | Full-bleed page canvas |"
    info: "| 1 | Pure White | `#ffffff` | Bottom navigation bar và inline card surfaces |"
    info: "| 2 | Lime Pulse | `#e3f794` | Primary action button fill |"

  elevation:

    info: "Flat by design. Interface dùng zero shadows — chiều sâu được truyền đạt qua full-bleed photography và độ tương phản giữa white navigation bar và cream canvas. Sự phẳng này củng cố phép ẩn dụ in ấn/giấy."

  imagery:

    info: "Full-bleed editorial photography là phương tiện hình ảnh chính. Ảnh là uncropped hoặc loosely cropped portraits và product/lifestyle shots với ánh sáng tự nhiên và màu sắc phong phú — chất lượng tạp chí, không phải ảnh sản phẩm thương mại điện tử. Floating product images trên hero nằm ở tỷ lệ nhỏ (80–160px) rải rác art-directed quanh headline, không caption, border, hay container. Full-bleed section images trải dài toàn bộ viewport với white serif text phủ lên. Phong cách photography ấm áp, con người, và được tuyển chọn — nên có cảm giác như fashion editorial contact sheet, không phải product catalog. Không illustrations, không abstract graphics, không icons ngoài minimal scroll chevron."

  layout:

    info: "Full-bleed editorial layout không có page max-width constraint. Hero dùng centered headline ở giữa thị giác của viewport với photographs rải rác tự do trong whitespace xung quanh ở nhiều kích thước và góc xoay khác nhau. Signature pattern là text bị gián đoạn bởi inline images — headline đọc 'by real [portrait] people' với một bức ảnh nằm giữa các từ trên cùng baseline. Section transitions là full-viewport photographs với overlaid centered headlines. UI bền vững duy nhất là fixed bottom navigation bar (trắng, cao ~48px) chứa beta status, wordmark, login, và sign up. Không top nav, không sidebar, không grid containers — trang đọc từ trên xuống dưới như một magazine spread, với generous vertical breathing room (48–71px) giữa các section."

  agent_prompt_guide:

    quick_color_reference:
    - "Text (primary): #1a1915"
    - "Text (secondary): #82868e"
    - "Background (canvas): #f4f3f0"
    - "Background (surface): #ffffff"
    - "Border: #1a1915"
    - "Accent / primary action: không có distinct CTA color"

    example_component_prompts:

    - "**Hero với floating editorial photos**: Bone Paper (#f4f3f0) full-bleed background. Centered headline ở Beausite 400 cỡ 57px, màu #1a1915, letter-spacing -1.14px, line-height 1.05. Bao quanh headline với 6–8 bức ảnh editorial nhỏ (100–160px rộng, 2px radius) rải rác tự do trong whitespace xung quanh ở nhiều vị trí khác nhau. Không caption, không border trên ảnh."

    - "**Bottom navigation bar**: Fixed white (#ffffff) bar, full width, cao ~48px, 2px top border màu #1a1915. Trái: 'CURRENTLY IN BETA' ở DM Mono 12px caps, màu #82868e, tracking 0.36px. Trái-giữa: 'Telescope' wordmark ở Beausite 400 cỡ 19px, màu #1a1915. Ngay bên phải: 'LOGIN' ở DM Mono 12px caps, #1a1915, sau đó là nút Sign Up filled (Lime Pulse #e3f794 background, Ink #1a1915 text, 2px radius, 10px dọc / 7px ngang padding). Phải: 'SCROLL' ở DM Mono 12px caps với icon down-chevron nhỏ màu #1a1915."

    - "**Full-bleed editorial section**: Full-viewport-width photograph (uncropped, không border, không radius) lấp đầy toàn bộ chiều cao section. Overlaid centered ở giữa: headline ở Beausite 400 cỡ 55px, màu #ffffff, letter-spacing -0.94px, line-height 1.05. Text nên nằm ở khoảng 40% từ trên xuống của ảnh."

    - "**Inline image-in-headline composition**: Một dòng duy nhất của Beausite 400 cỡ 55px, màu #1a1915, letter-spacing -0.94px, với một bức portrait photograph nhỏ (~80px cao, 2px radius) được chèn inline giữa hai từ trên cùng baseline với text. Dòng nên đọc như: 'by real [photo] people' với ảnh thay thế khoảng trống giữa các từ."

    - "**Status badge / label**: 'CURRENTLY IN BETA' ở DM Mono 12px caps, màu #82868e, tracking 0.36px, không background, không border, không padding. Dùng inline như quiet metadata text."

  similar_brands:

    - "**Are.na** — Cùng cách tiếp cận editorial, minimal-chrome với warm off-white canvas, floating image cards, và serif-first typography để nội dung thở"
    - "**Cereal magazine** — Chung sensibility magazine-spread: cream paper background, full-bleed editorial photography, và tight serif headlines với aggressive negative tracking"
    - "**It's Nice That** — Curatorial media platform với một single accent color được phân bổ cho một action, serif display type, và photography-first layout xử lý trang như contact sheet"
    - "**Aesop (aesop.com)** — Cùng bảng màu warm near-black trên cream-white với một single reserved accent, tight serif typography, và stripped-back UI để product imagery dẫn dắt trang"
    - "**Kinfolk** — Editorial publication aesthetic với warm bone background, generous whitespace, serif ở cỡ lớn, và full-bleed lifestyle photography làm section dividers"

  quick_start:

    css_custom_properties:

      css: |
        :root {
          /* Colors */
          --color-bone-paper: #f4f3f0;
          --color-ink: #1a1915;
          --color-ash: #82868e;
          --color-pure-white: #ffffff;
          --color-lime-pulse: #e3f794;
        
          /* Typography — Font Families */
          --font-beausite: 'Beausite', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
          --font-dm-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
          --font-cm-geom: 'CM Geom', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        
          /* Typography — Scale */
          --text-caption: 12px;
          --leading-caption: 1.1;
          --tracking-caption: 0.36px;
          --text-body-sm: 19px;
          --leading-body-sm: 1.15;
          --tracking-body-sm: -0.13px;
          --text-body: 23px;
          --leading-body: 1.15;
          --tracking-body: -0.16px;
          --text-heading: 55px;
          --leading-heading: 1.05;
          --tracking-heading: -0.94px;
          --text-heading-lg: 57px;
          --leading-heading-lg: 1.05;
          --tracking-heading-lg: -1.14px;
          --text-display: 250px;
          --leading-display: 1;
          --tracking-display: -0.5px;
        
          /* Typography — Weights */
          --font-weight-regular: 400;
        
          /* Spacing */
          --spacing-6: 6px;
          --spacing-7: 7px;
          --spacing-10: 10px;
          --spacing-14: 14px;
          --spacing-15: 15px;
          --spacing-19: 19px;
          --spacing-24: 24px;
          --spacing-29: 29px;
          --spacing-41: 41px;
          --spacing-48: 48px;
          --spacing-71: 71px;
          --spacing-135: 135px;
          --spacing-225: 225px;
        
          /* Layout */
          --section-gap: 48-71px;
          --card-padding: 10-14px;
          --element-gap: 6-10px;
        
          /* Border Radius */
          --radius-sm: 2px;
        
          /* Named Radii */
          --radius-all: 2px;
          --radius-cards: 2px;
          --radius-images: 2px;
          --radius-buttons: 2px;
        
          /* Surfaces */
          --surface-bone-paper: #f4f3f0;
          --surface-pure-white: #ffffff;
          --surface-lime-pulse: #e3f794;
        }

    tailwind_v4:

      css: |
        @theme {
          /* Colors */
          --color-bone-paper: #f4f3f0;
          --color-ink: #1a1915;
          --color-ash: #82868e;
          --color-pure-white: #ffffff;
          --color-lime-pulse: #e3f794;
        
          /* Typography */
          --font-beausite: 'Beausite', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
          --font-dm-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
          --font-cm-geom: 'CM Geom', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        
          /* Typography — Scale */
          --text-caption: 12px;
          --leading-caption: 1.1;
          --tracking-caption: 0.36px;
          --text-body-sm: 19px;
          --leading-body-sm: 1.15;
          --tracking-body-sm: -0.13px;
          --text-body: 23px;
          --leading-body: 1.15;
          --tracking-body: -0.16px;
          --text-heading: 55px;
          --leading-heading: 1.05;
          --tracking-heading: -0.94px;
          --text-heading-lg: 57px;
          --leading-heading-lg: 1.05;
          --tracking-heading-lg: -1.14px;
          --text-display: 250px;
          --leading-display: 1;
          --tracking-display: -0.5px;
        
          /* Spacing */
          --spacing-6: 6px;
          --spacing-7: 7px;
          --spacing-10: 10px;
          --spacing-14: 14px;
          --spacing-15: 15px;
          --spacing-19: 19px;
          --spacing-24: 24px;
          --spacing-29: 29px;
          --spacing-41: 41px;
          --spacing-48: 48px;
          --spacing-71: 71px;
          --spacing-135: 135px;
          --spacing-225: 225px;
        
          /* Border Radius */
          --radius-sm: 2px;
        }