//////////////////////////////////////////////////////////////////////////////////////////
//   _  _ ____ _  _ ___  ____                                                           //
//   |_/  |__| |\ | |  \ |  |    This file belongs to Kando, the cross-platform         //
//   | \_ |  | | \| |__/ |__|    pie menu. Read more on github.com/kando-menu/kando     //
//                                                                                      //
//////////////////////////////////////////////////////////////////////////////////////////

// SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
// SPDX-FileCopyrightText: 2025 Rena and LCG
// SPDX-License-Identifier: CC0-1.0

{
  name: 'Navigation',
  author: 'Rena and LCG',
  license: 'CC0-1.0',
  themeVersion: '6.4',
  description: 'Modern minimalist ring navigation theme with dynamic ripple animations. Features smooth icon expansion with natural sway motion and synchronized ring ripple effects.',

  engineVersion: 1,

  maxMenuRadius: 180,
  centerTextWrapWidth: 140,  // Precisely matches inner circle diameter (70px radius × 2)
  drawChildrenBelow: true,
  childTransitionTime: 200,

  colors: {
    // === 🔤 Text Color Configuration ===
    'text-color': 'rgb(255 255 255 / 0.9)',             // Center text primary color
    'text-glow': 'rgb(255 255 255 / 0.5)',              // Text glow effect
    'text-glow-outer': 'rgb(85 85 85 / 0.3)',           // Text outer glow - gray tones

    // === 🎨 Icon Color Configuration ===
    'icon-color': 'rgb(255 255 255 / 0.9)',             // Icon base color
    'icon-hover-color': 'rgb(255 255 255 / 1.0)',       // Icon color on hover
    'icon-glow': 'rgb(255 255 255 / 0.5)',              // Icon glow effect
    'icon-glow-outer': 'rgba(255, 255, 255, 0.3)',      // Icon outer glow

    // === ⭕ Ring Color Configuration ===
    'ring-color': 'rgb(71 71 71 / 0.34)',               // Ring main body color - dark gray
    'ring-glow': 'rgba(255, 255, 255, 0.3)',            // Ring primary glow
    'ring-glow-inner': 'rgb(212 212 212 / 0.25)',       // Ring inner glow - light gray
    'ring-glow-outer': 'rgba(255, 255, 255, 0.4)',      // Ring outer glow
    'ring-inner-hole-glow': 'rgb(254 254 254 / 0.2)',   // Ring inner hole glow
    'ring-inner-hole-glow-inner': 'rgb(255 255 255 / 0.3)', // Inner hole inner glow
    'ring-inner-hole-glow-outer': 'rgba(255, 255, 255, 0.1)', // Inner hole outer glow

    // === 🎯 Sector Highlight Configuration ===
    'sector-highlight': 'rgb(34 104 234 / 0.6)',        // Sector highlight main color - blue tones
    'sector-inner-glow': 'rgb(42 235 199 / 0.86)',      // Sector inner glow - cyan high opacity

    // === 🔗 Parent Indicator Configuration ===
    'parent-indicator-color': 'rgba(255, 255, 255, 0.8)', // Parent arrow color
    'parent-indicator-glow': 'rgba(255, 255, 255, 0.4)',  // Arrow glow effect

    // === 🌫️ Background Configuration ===
    'canvas-bg': 'rgba(0, 0, 0, 0)',                     // Canvas background mask - fully transparent

    // === 🌈 Dual Background Layer Configuration ===
    'background-layer-left': 'rgba(255, 255, 255, 1.0)',  // Left half screen background - pure white
    'background-layer-right': 'rgba(0, 0, 0, 1.0)'        // Right half screen background - pure black
  },

  layers: [
    {
      class: 'icon-layer',
      content: 'icon'
    }
  ]
}